CSS面试题

1.css样式（选择器）的优先级

（1）计算权重确定

（2）！important优先级最高

（3）内联样式的优先级高

（4）后写的优先级高

2.雪碧图的作用

将多个图标集成为一张图片，这张图就叫雪碧图。作用是：

（1）减少http请求数，提高加载性能（2）有些情况下可减小图片大小

3.自定义字体的使用场景

（1）宣传/品牌/banner等固定文案（2）字体图标

4.base64的使用

（1）可以减少http请求（2）适用于小图片 （3）体积约为原图的4/3

5.伪类和伪元素的区别

伪类表状态，伪元素是具有元素，前者单冒号，后者双冒号

6.checkbox的美化

（1）label [for] 和id 绑定checkbox （2）隐藏原生input （3）:checked+label 根据状态转换checkbox样式