用標準件的方式來組裝網頁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來定義一個版面樣式，感覺很方便