本文内容整理于慕课网视频教程
1.CSS样式(选择器)的优先级
- 选择器权重计算。谁的权重更大,谁才会生效。
!important
带有这个属性的优先级是最高的。- 内联样式。直接写在元素属性上的样式的优先级更高。
- 同等权重下,后写的优先级生效。
- 具体排序:!important>行内样式>ID选择器>类选择器>元素选择器>通配符选择器(用星号*表示)>继承>浏览器默认属性
2.雪碧图的作用
- 减少HTTP请求数,提高加载性能
- 有一些情况下可以减少图片大小。(只是作用不是特别明显)
3.自定义字体的使用场景
- 宣传/品牌/banner等固定文案
- 字体图标
4.base64的使用
- 用于减少HTTP请求
- 适用于小图片
- base64的体积约为原图的4/3
5.伪类和伪元素的区别
- 伪类表状态
- 伪元素是真的有元素
- 前者单冒号,后者双冒号
6.如何美化CheckBox
label[for]
和id
- 隐藏原生
input
- 写法:
:checked + label