有這樣一個想法,不知道可行么
例子:
布局中的左欄,它的屬性有:{居左,寬度,背景色,字體等等}
如果把每個屬性都做成一個標(biāo)準(zhǔn)件,然后這樣組裝起來使用
class="float width height background font padding....",通過多個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)在自己寫代碼,最多就2個class來定義一個布局樣式,感覺很方便
您可能感興趣的文章:- Web移動端Fixed布局的解決方案
- 簡要了解jQuery移動web開發(fā)的響應(yīng)式布局設(shè)計
- WEB標(biāo)準(zhǔn)網(wǎng)頁布局中盡量不要使用的HTML標(biāo)簽
- web標(biāo)準(zhǔn)布局實(shí)例教程,用定位輕松解決CSS復(fù)雜布局
- web前端開發(fā)中常見的多列布局解決方案整理(一定要看)