CSS 面试题

Posted 2020-12-17 jasonwang-code

 

1. css样式（选择器）的优先级: 1.计算权重的方式
important权重最高

内联样式更高

相同权重后写的优先级更高

2.雪碧图的作用：减少HTTP请求数，提高加载性能。

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.：check + label来切换样式