CSS屬性分類排序：

顯示與浮動(dòng)：display，float

定位：position，z-index

尺寸：width，height

邊框相關(guān)：margin, padding, border, outline, border-radius

字體樣式：font, color, text-shadow,

背景樣式：background

其他樣式：opacity, cursor,...

CSScomb  css排序工具包

css權(quán)重規(guī)范：

css樣式中盡量不要使用ID選擇器

減少子選擇器的層級(jí)

使用組合的CSS類選擇器  （多組合，少繼承）

頁(yè)面尺寸設(shè)置：

盡量設(shè)置相對(duì)尺寸

只在可預(yù)知元素尺寸的情況下才使用絕對(duì)尺寸

使用rem/em設(shè)置字體大小

css選擇器安排：

避免使用通配符

避免使用標(biāo)簽選擇器及單個(gè)屬性選擇器作為關(guān)鍵選擇器

不要在ID選擇器前使用標(biāo)簽名

選擇器層級(jí)最好不要超過(guò)三層

css圖片處理：

不要設(shè)置圖片的尺寸

使用CSS“雪碧”（CSS SPRite）技術(shù)

避免使用@import

Prefixr工具，css前綴

Autoprefixer工具