萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> div css良好的命名習慣的方法是什麼

div css良好的命名習慣的方法是什麼

下面我們給大家介紹一下div 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就可以了。

div css良好的命名習慣的方法的精彩內容就先到這裡。更多精彩內容,還請大家持續關注精品。

相關推薦:

CSS中的層分離編程技巧介紹 

copyright © 萬盛學電腦網 all rights reserved