首頁 > web前端 > css教學 > 用標準件的方式來組裝網頁DIV版-WEB標準網站設計心得_CSS/HTML

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

WBOY
發布: 2016-05-16 12:10:51
原創
1824 人瀏覽過

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

範例:
佈局中的左欄,它的屬性有:{居左,寬度,背景色,字體等等}
如果把每個屬性都做成一個標準件,然後這樣組裝起來使用
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,背景白色]

我現在自己寫程式碼,最多就2個class來定義一個版面樣式,感覺很方便

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板