##### 1.css選擇器的優先級別排序 ##### 2.雪碧圖的作用 * 原理：運用background-position * 優勢：減少HTTP請求數,提高加載性能 ##### 3.自定義字體的使用場景 * 宣傳/品牌/banner等固定文案 * 字體圖標 ``` npm install font-spider -g ``` ##### 4.base64使用 * 原理：將圖片變為文本,內嵌到css中使用 * 優勢： 1.減少http請求,增加加載性能 * 應用場景:小圖片 * 劣勢：體積會增大1/3左右 ##### 5.偽類和偽元素的區別 * 偽類表示狀態 eg: ``` p:hover{} //表示鼠標懸停 ``` * 偽元素是真的元素 ##### 6.如何美化checkbox * label\[for\]和id * 隱藏原生input * :checked+label