<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属性来展示背景图片




