css基础面试题
1、css样式(选择器)的优先级
1）计算权重确定
2）!important优先级最高，能覆盖它就再写个!important
3) 内联样式优先级也比较高
4）后写的优先级高
<style> .hahha { color: green !important; } </style> <body> <div class="hahha" style="color:red"> 你好 </div> </body>
最终效果：绿色,!important比内联样式的优先级高
2、雪碧图的作用
1）减少http请求数，提高加载性能
2）有一些情况下可以减少图片大小
3、自定义字体的使用场景
1）宣传／品牌／banner等固定文案
2）字体图标
4、base64的使用
1）用于减少http请求，同时增加了加载的性能
2）适用于小图片
3）base64的体积约为原图的4/3
5、伪类和伪元素的区别
1）伪类表状态
2）伪元素是真的有元素
3）前者单冒号，后者双冒号
6、如何美化checkbox
1）label[for] 和 id
2) 隐藏原生input
3) :checked + label
