自适应布局
1、适应场景是：左右两列，一列设置浮动和设置宽度，另一列不需要设置浮动和宽度，只需设置overflow:hidden，就可以实现左右两列自适应。原理（BFC，清除浮动原理）
伪类与伪对象
在官方文档中伪类用classify来描述，而伪对象用create。从这里我们就能明白它们的区别：
- 伪对象则代表了某个元素的子对象，这个子对象虽然在逻辑上存在，但却并不实际存在于文档树中。
就像上文中的first-line，在DOM中其实并不存在。我们经常用的:before :after也属于伪对象。
- 伪类则是实际上已经存在，比如li就显示存在于DOM中，我们要选择它就是相当于在已经存在的对象上添加新类别。
CSS Selector Level 3 为了区分这两者的混淆，而特意用冒号加以区分：
- 伪类用一个冒号表示 :first-child
- 伪元素则使用两个冒号表示 ::first-line
css优先级
选择器继承的属性的优先级最低 0,0,0,0
标签选择器的优先级稍高 0,0,0,1
类选择器的优先级很高 0,0,1,0
id选择器的优先级更高 0,1,0,0
html中style的属性的优先级更更高 1,0,0,0
加了!imporat的属性的优先级最高 最高（无视特殊性）