用標準件的方式來組裝網頁DIV布局-WEB標準網站設計心得_CSS/HTML

有這樣一個想法，不知道可行麼

例子：
布局中的左欄，它的屬性有：｛居左，寬度，背景色，字型等等｝
如果把每個屬性都做成一個標準件，然後這樣組裝起來使用
class="float width height background font padding....",通過多個class的標準件的引用來完成頁面配置樣式
先按需要定義好標準件如：

float標準件
.l{float:left}
.r{float:right}
.cl{clear:left}
...

width標準件
.w200{width:200px}
.w300{width:300px}
...

background標準件
.red{background:red}
.black{background:#000}
.white{background:#fff}
...
根據需要引用
class="l w200 red"［居左，寬度為200,背景紅色］
class="r w200 white" ［居右，寬度為200,背景白色］

我現在自己寫代碼，最多就２個class來定義一個配置樣式，感覺很方便

