css基础面试题

2024-01-14 22:22:16

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

码农公寓