什么是css?
表现层、美化html
cascading style sheets
层叠样式表、css样式表、级联样式表
作用:设置页面中元素的位置。排版。样式外观等
css语法规范:
主要由两部分组成:选择器、样式声明
语法:
选择器{
样式声明:
属性:属性值:
}
使用场景:
单个HTML标签需要设置特定的样式
优缺点:
优点:比较直观
缺点:相同的样式需要重复定义,造成代码冗余;
作用范围小、不利于后期维护;
代码不能重复使用,结构样式不分离
注意:然后HTML标签都可以设置行间样式,
内部样式:
内容样式:
语法:
使用style标签包裹样式
使用场景:
单个html文档需要设置特定样式时。
优缺点:
相对于行间样式,代码可以复用
作用范围大于行间样式的范围。
结构样式半分离。
外部样式:
把css代码单独分离出来
创建一个新的文件,新文件的后缀名.css
具体的css写在css文件中
在href内部使用link标签引入刚才新建的css文件
使用场景:
多个html文件具有形同样式使用
优缺点:
1、适用范围广,代码可以重复使用
2、便与代码修改与维护
3、结构样式彻底分离
rel 表示引入文件与当前文档的关系、层叠样式表
stylesheet:层叠样式表
href:资源的链接地址