有這樣一個(gè)想法，不知道可行么
例子：
布局中的左欄，它的屬性有：｛居左，寬度，背景色，字體等等｝
如果把每個(gè)屬性都做成一個(gè)標(biāo)準(zhǔn)件，然后這樣組裝起來使用
class="float width height background font padding....",通過多個(gè)class的標(biāo)準(zhǔn)件的引用來完成頁面布局樣式
先按需要定義好標(biāo)準(zhǔn)件如：
float標(biāo)準(zhǔn)件
.l{float:left}
.r{float:right}
.cl{clear:left}
...
width標(biāo)準(zhǔn)件
.w200{width:200px}
.w300{width:300px}
...
background標(biāo)準(zhǔn)件
.red{background:red}
.black{background:#000}
.white{background:#fff}
...
根據(jù)需要引用
class="l w200 red"［居左，寬度為200,背景紅色］
class="r w200 white" ［居右，寬度為200,背景白色］
我現(xiàn)在自己寫代碼，最多就２個(gè)class來定義一個(gè)布局樣式，感覺很方便
您可能感興趣的文章:- Web移動(dòng)端Fixed布局的解決方案
- 簡要了解jQuery移動(dòng)web開發(fā)的響應(yīng)式布局設(shè)計(jì)
- WEB標(biāo)準(zhǔn)網(wǎng)頁布局中盡量不要使用的HTML標(biāo)簽
- web標(biāo)準(zhǔn)布局實(shí)例教程，用定位輕松解決CSS復(fù)雜布局
- web前端開發(fā)中常見的多列布局解決方案整理(一定要看)
