CSS基础部分问题整理

本文内容整理于慕课网视频教程
1.CSS样式（选择器）的优先级

• 选择器权重计算。谁的权重更大，谁才会生效。
• ！important带有这个属性的优先级是最高的。
• 内联样式。直接写在元素属性上的样式的优先级更高。
• 同等权重下，后写的优先级生效。
• 具体排序：！important>行内样式>ID选择器>类选择器>元素选择器>通配符选择器（用星号*表示）>继承>浏览器默认属性

2.雪碧图的作用

• 减少HTTP请求数，提高加载性能
• 有一些情况下可以减少图片大小。（只是作用不是特别明显）

3.自定义字体的使用场景

• 宣传/品牌/banner等固定文案
• 字体图标

4.base64的使用

• 用于减少HTTP请求
• 适用于小图片
• base64的体积约为原图的4/3

5.伪类和伪元素的区别

• 伪类表状态
• 伪元素是真的有元素
• 前者单冒号，后者双冒号

6.如何美化CheckBox

• label[for]和id
• 隐藏原生input
• 写法：：checked + label