ooB胜于蓝|优秀个人博客
一、Css概念及特点ooB胜于蓝|优秀个人博客
css——层叠样式表ooB胜于蓝|优秀个人博客
特点:实现了结构与表现相分离ooB胜于蓝|优秀个人博客
ooB胜于蓝|优秀个人博客
ooB胜于蓝|优秀个人博客
二、css语法ooB胜于蓝|优秀个人博客
css由选择符和声明两大部分组成,声明又由属性和属性值两部分组成ooB胜于蓝|优秀个人博客
选择器 {属性:属性值;}ooB胜于蓝|优秀个人博客
eg: p{ color: red; }ooB胜于蓝|优秀个人博客
注:①Css样式中所有的标点符号都必须是英文状态下的ooB胜于蓝|优秀个人博客
②Css属性和属性值用冒号连接,每条声明结束都要加分号ooB胜于蓝|优秀个人博客
ooB胜于蓝|优秀个人博客
三、样式表的创建ooB胜于蓝|优秀个人博客
1.内联样式(行间样式,行内样式)ooB胜于蓝|优秀个人博客
语法:ooB胜于蓝|优秀个人博客
标记>
eg:
共享博客
2.内部样式(嵌入式样式)语法:ooB胜于蓝|优秀个人博客
选择器{
属性: 属性值;
}
注:style标签一般放在head部分,type="text/css" 告知浏览器style标签之间的内容是css样式,不需要解析到网页。
ooB胜于蓝|优秀个人博客
3.外部样式ooB胜于蓝|优秀个人博客
①使用link标签ooB胜于蓝|优秀个人博客
首先:创建一个外部css文件,扩展名为 .cssooB胜于蓝|优秀个人博客
最后:在html页面使用link标签引入css文件ooB胜于蓝|优秀个人博客
语法:ooB胜于蓝|优秀个人博客
注:link标签一般放在head部分
rel用来说明目标文件和当前文件的关系ooB胜于蓝|优秀个人博客
②使用@import方式引入ooB胜于蓝|优秀个人博客
语法:ooB胜于蓝|优秀个人博客
@import "css文件路径"; 注:@import只能出现在css文件中
@import引入的css文件必须放在本页面所有css样式之前ooB胜于蓝|优秀个人博客
ooB胜于蓝|优秀个人博客
四.样式表的优先级(三种样式表的区别)ooB胜于蓝|优秀个人博客
在没有出现 !important 的时候,采取就近原则,离被设置的元素越近,优先级越高,一般情况下:内联>内部>外部ooB胜于蓝|优秀个人博客
当出现 !important 时候,他的优先级最高: !important > 内联>内部>外部ooB胜于蓝|优秀个人博客
ooB胜于蓝|优秀个人博客
五.Css注释ooB胜于蓝|优秀个人博客
语法:ooB胜于蓝|优秀个人博客
/*注释的内容*/
Tags:
转载:【免责声明】:转载自其他平台或媒体的文章,本站将注明来源及作者,但不对所包含内容的准确性、可靠性或网站性提供任何明示或暗示的保证,仅做参考!如有侵权,请联系本站并提供相关证明,本站将依据著作权人意见删除该文,并不承担任何责任!
如果您认为本文侵犯了您的版权信息,请与我们联系修正或删除。感谢您对胜于蓝个人博客网站平台的认可,非常欢迎各位朋友分享到个人站长或者朋友圈,但转载请说明文章出处“来源胜于蓝个人博客”。/web/html/85.html
本文地址:/web/html/85.html