CSS屬性分類排序:
顯示與浮動:display,float
定位:position,z-index
尺寸:width,height
邊框相關:margin, padding, border, outline, border-radius
字體樣式:font, color, text-shadow,
背景樣式:background
其他樣式:opacity, cursor,...
CSScomb css排序工具包
css權重規范:
css樣式中盡量不要使用ID選擇器
減少子選擇器的層級
使用組合的CSS類選擇器 (多組合,少繼承)
頁面尺寸設置:
盡量設置相對尺寸
只在可預知元素尺寸的情況下才使用絕對尺寸
使用rem/em設置字體大小
css選擇器安排:
避免使用通配符
避免使用標簽選擇器及單個屬性選擇器作為關鍵選擇器
不要在ID選擇器前使用標簽名
選擇器層級最好不要超過三層
css圖片處理:
不要設置圖片的尺寸
使用CSS“雪碧”(CSS SPRite)技術
避免使用@import
Prefixr工具,css前綴
Autoprefixer工具
新聞熱點
疑難解答