选择器
• 元素选择器（标签选择器）-所有指定该类型的HTML元素-[p---<p>]
• ID选择器-具有特定ID的元素（单一页面中，每个ID只对应一个元素，一个元素只对应一个ID）-[#my-id---<p id="my-id"/>]
• 类选择器-具有特定类的元素（一个类可以有多个实例）-[.my-class---<p class="my-class"/>]
• 属性选择器-拥有特定属性的元素-[img[src]---<img src="x.jpg">]
• 伪类选择器-特定状态下的特定元素（比如鼠标指针悬停）-[a:hover <a>]

• 理解浏览器如何加载css和html，如果遇到无法解析的css会发生什么

1. 浏览器载入HTML文件
2. 将HTML文件转化成一个DOM
3. 浏览器拉取该HTML的大部分资源（比如：嵌入到页面的图片、视频、css样式）
4. 浏览器拉取到CSS后进行解析
   1. 根据选择器的不同类型，把他们分到不同的“桶”中。
   2. 浏览器基于它找到的不同的选择器，将不同的规则应用在对应的DOM的节点中，并添加节点依赖的样式[渲染树]
5. 上述的规则应用于渲染树之后，渲染树会依照应该出现的结构进行布局。