有這樣一個想法,不知道可行么
例子:
布局中的左欄,它的屬性有:{居左,寬度,背景色,字體等等}
如果把每個屬性都做成一個標準件,然后這樣組裝起來使用
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}
...
根據(jù)需要引用
class="l w200 red"[居左,寬度為200,背景紅色]
class="r w200 white" [居右,寬度為200,背景白色]
我現(xiàn)在自己寫代碼,最多就2個class來定義一個布局樣式,感覺很方便
您可能感興趣的文章:- Web移動端Fixed布局的解決方案
- 簡要了解jQuery移動web開發(fā)的響應式布局設計
- WEB標準網頁布局中盡量不要使用的HTML標簽
- web標準布局實例教程,用定位輕松解決CSS復雜布局
- web前端開發(fā)中常見的多列布局解決方案整理(一定要看)