css基础面试题

时间：2019-02-02 18:49:33 阅读：207 评论：0 收藏：0 [点我收藏+]

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

原文地址：https://www.cnblogs.com/wzndkj/p/10348871.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行