什么是CSS
CSS是什么
CSS（Cascading Style Sheets 层叠样式表）
作用
为文档添加样式。
语法
h1{
color:red;
font-size:5em;
}
一个css语法由选择器开始，然后花括号，花括号内是属性和值。
CSS规范
由W3C中的一个名叫CSS Working Group的团队维护。
引入CSS样式的方式
- 内联样式
<p style='font-size:18px;'>Hello CSS</p>
- 内部样式表
<head>
<style>
p{
color:red;
}
</style>
</head>
<body>
<p>Hello CSS</p>
</body>
- 外部样式表
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>Hello CSS</p>
</body>
CSS渲染流程
- 浏览器加载HTML文件
- 将HTML文件转换成一个DOM。
- 浏览器拉取该HTML文件相关的大部分资源。图片、视频 css样式，js脚本则会稍后处理。
- 解析css文件，生成CSSOM。将不同的规则应用到对应的DOM节点上。生成一个渲染树。
- 渲染书会依照应该出现的结构进行布局。
- 最后网页展示在屏幕上（着色）。
无法解析的CSS代码
浏览器遇到无法解析的css样式会跳过这个样式，继续解析下一个。选择器同样也是这样的。