干淨的CSS代碼的方法介紹

下面我們給大家介紹一下干淨的CSS代碼的方法吧!無疑亂七八糟或者無語義命名的代碼，誰看了都會抓狂。就像這樣的代碼：

.aaabb{margin:2px;color:red;}

我想即使是初學者，也不至於會在實際項目中如此命名一個class，但有沒有想過這樣的代碼同樣是很有問題的：

問題在於如果你需要把所有原本紅色的字體改成藍色，那修改後就樣式就會變成：

.red{color:bule;}

這樣的命名就會很讓人費解，同樣的命名為.leftBar的側邊欄如果需要修改成右側邊欄也會很麻煩。所以，請不要使用元素的特性(顏色，位置，大小等)來命名一個class或id，您可以選擇意義的命名如：#navigation{...}，.sidebar{...}，.postwrap{...}

這樣，無論你如何修改定義這些class或id的樣式，都不影響它跟HTML元素間的聯系。

另外還有一種情況，一些固定的樣式，定義後就不會修改的了，那你命名時就不用擔憂剛剛說的那種情況，如

.alignleft{float:left;margin-right:20px;}

.alignright{float:right;text-align:right;margin-left:20px;}

.clear{clear:both;text-indent:-9999px;}

那麼對於這樣一個段落

我是一個段落!

如果需要把這個段落由原先的左對齊修改為右對齊，那麼只需要修改它的className就為alignright就可以了。

干淨的CSS代碼的方法的精彩內容就先到這裡。更多精彩內容，還請大家持續關注精品。

相關推薦：

使用Reset但並非全局Reset的方法介紹