浏览器将CSS规则应用到文档上,使CSS影响文档的显示。CSS规则由选择器和一系列的属性对组成。一系列的CSS规则就可以形成一个层叠样式表。
1.行内样式
将样式写在元素的style属性中
<div style="color:red;font-size:22px;">
缺点:结构和样式没有分离;
代码的复用率低
优点:优先级高
2.内联样式
将代码写在head标签中的style标签中
<style>
选择器{
color:red
font-size:19px;
}
</style>
缺点:代码的复用率不高
优点:结构和样式可以分离
3.外部样式
在外部定义一个后缀名为.css的文件,在head中使用link标签引入
优点:结构和样式可以分离;
复用率提高。