<link>与@import的区别
文档样式闪烁（Flash Of Unstyled Content），即在页面DOM加载完成到CSS导入完成中间会有一段时间页面上的内容是没有样式的，这段时间的长短跟网速，电脑速度都有关系。
- link属于HTML标签，后者由CSS提供
- link在页面加载时被加载，后者引用的CSS要等页面加载完后再加载
- link无兼容问题，后者只在IE5以上才能被识别
- link的样式权重高于后者
box-sizing属性
元素的盒模型的解析方式，默认值为content-box。
- content-box：W3C标准盒模型，元素的width属性指内容的宽度
- border-box：IE6以下及IE6、IE7的怪异模式盒模型，元素的width属性指border + padding + content
CSS选择符
优先级
- #id
- .class
- tag
- sibling
- child
- descendant
- all
- attr
- fakeClass
优先级就近原则
!important > 内联 > #id
可继承的样式：font-size、font-family、color、text-indent
不可继承的样式：border、padding、margin、width、`height
CSS Sprites
把网页中诸多背景图片整合到一张图片文件中，然后应用background属性来展示背景图片
