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良好的命名習慣內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

為什麼css使用Reset但並非全局Reset呢