自适应布局

1、适应场景是：左右两列，一列设置浮动和设置宽度，另一列不需要设置浮动和宽度，只需设置overflow:hidden，就可以实现左右两列自适应。原理（BFC，清除浮动原理）

伪类与伪对象

在官方文档中伪类用classify来描述，而伪对象用create。从这里我们就能明白它们的区别：

• 伪对象则代表了某个元素的子对象，这个子对象虽然在逻辑上存在，但却并不实际存在于文档树中。

          就像上文中的first-line，在DOM中其实并不存在。我们经常用的:before :after也属于伪对象。

• 伪类则是实际上已经存在，比如li就显示存在于DOM中，我们要选择它就是相当于在已经存在的对象上添加新类别。

CSS Selector Level 3 为了区分这两者的混淆，而特意用冒号加以区分：

• 伪类用一个冒号表示 :first-child
• 伪元素则使用两个冒号表示 ::first-line

css优先级