CSS的reset,CSS優先順序,雪碧圖
阿新 • • 發佈:2022-05-11
12.什麼是CSS reset?
reset.css ====》 重置css樣式的
非要說他問題:體積了一點點點
normalize.css 是現在用的比較多的,但是和reset有區別。
是幹什麼:為了增強跨瀏覽器渲染的一致性(一定程度上),維護的一個CSS 重置樣式庫。
13.CSS優先順序演算法如何計算?
Import最大
第一等級:代表 內聯樣式,如 style="",權值為 1,0,0,0;
第二等級:代表 ID選擇器,如 #id="", 權值為 0,1,0,0;
第三等級:代表 calss | 偽類 | 屬性 選擇器,如 .class | :hover,:link,:target | [type], 權值 0,0,1,0;
第四等級:代表 標籤 | 偽元素 選擇器,如 p | ::after, ::before, ::fist-inline, ::selection, 權值 0,0,0,1;
此外,通用選擇器(*),子選擇器(>), 相鄰同胞選擇器(+)等選擇器不在4等級之內,所以它們的權值都為 0,0,0,0;
14.css sprite是什麼,有什麼優缺點
雪碧圖 === 精靈圖
1. 是什麼 : 把一堆小圖示放在一張大圖片上。
2. 優點:減少了http請求,做了效能上的優化。
3. 缺點:維護性,修改性,較差。