Web前端开发CSS相关常见的面试题

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