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