萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 干淨的CSS代碼的方法介紹

干淨的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的方法介紹 

copyright © 萬盛學電腦網 all rights reserved