之前有看張鑫旭的寬度分離，然後這次做專案的時候在想，寬度分離出來之後，命名規則怎樣方便拓展，怎樣方便下一次修改
按照之前的習慣，通常css命名我會寫如下：
wid960 （通用的地方比較多）
ml25
mr20
也就是說我命名會根據後面的數字來命名，當然意思明了，思路清晰，下次呼叫根據我個人習慣，我也就可以直接寫ml25 等等
但寫頁面必然會有需要修改的，也就是所謂的後期維護，頁面拓展，等方面的東西
如果那些，我想把我整個專案的公共寬度改成 width :980px;
那麼同上面的個人，我就會同時修改 css 以及 html 每次修改css 倒是合理，修改html 就不方便，也不合理
所以命名規則應該如下：
wid01
wid02
ml01
ml02
mr01
mr02
ptb01
類似等等
通過 為知筆記 發布
CSS命名方法之BEM
bem 源自yandex的css 命名方 bem的意思就是塊 block 元素 element 修飾符 modifier 是由yandex團隊提出的一種前端命名方 這種巧妙的命名方法讓你的css類對其他開發者來說更加透明而且更有意義。bem命名約定更加嚴格，而且包含更多的資訊，它們用於乙個團隊開發乙...
CSS 寬度與高度
高度與字型 內聯元素 空格 內聯元素之間 no break space 兩個inline元素之間有任何回車，tab，換行或其他任意字元，都會變成空格。因而導航欄li元素橫排不要使用inline block方法，用float 清除浮動。中文的對齊方式技巧 文字垂直居中 用line height加pad...
CSS寬度高度 定位
通過設定display的屬性值 inline block inline block 修改元素的型別 1.1 行內元素 行內元素對應的框叫做行內框，行內框在一行中水平分布，水平外邊距 margin left right 水平內邊距 padding left right 都有效 垂直外邊距 margin...