用標(biāo)準(zhǔn)件的方式來(lái)組裝網(wǎng)頁(yè)DIV布局-WEB標(biāo)準(zhǔn)網(wǎng)站設(shè)計(jì)心得
有這樣一個(gè)想法，不知道可行么
例子：
布局中的左欄，它的屬性有：｛居左，寬度，背景色，字體等等｝
如果把每個(gè)屬性都做成一個(gè)標(biāo)準(zhǔn)件，然后這樣組裝起來(lái)使用
class="float width height background font padding....",通過(guò)多個(gè)class的標(biāo)準(zhǔn)件的引用來(lái)完成頁(yè)面布局樣式
先按需要定義好標(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)在自己寫(xiě)代碼，最多就２個(gè)class來(lái)定義一個(gè)布局樣式，感覺(jué)很方便
相關(guān)文章
div+css排版的樣例...2006-06-06
在HTML中，link標(biāo)簽是一個(gè)自閉合元素，通常位于文檔的head部分。它用于建立與外部資源的關(guān)聯(lián)，如樣式表、圖標(biāo)等。link標(biāo)簽具有多個(gè)屬性，其中rel和href是最常用的，文中有詳細(xì)的代碼示例，感興趣的同學(xué)可以參考閱讀2023-05-05
DOM屬性用法速查手冊(cè)...2006-10-10
學(xué)習(xí)Xhtml+CSS2的一些心得體會(huì)
學(xué)習(xí)Xhtml+CSS2的一些心得體會(huì)...2006-09-09
CSS本身一直在快速發(fā)展更新，標(biāo)準(zhǔn)也與時(shí)俱進(jìn)，各種新特性層出不窮，為了能夠使用 CSS 來(lái)創(chuàng)造各種布局實(shí)現(xiàn)各種形狀，除了合理運(yùn)用及搭配各個(gè)屬性之外，去理解壓榨每個(gè)屬性的每個(gè)細(xì)節(jié)點(diǎn)也是非常重要的。本文將介紹一種在 CSS 中借助三角函數(shù)繪制曲線圖形的小技巧。2021-05-05
這篇文章主要介紹了HTML clearfix清除浮動(dòng)講解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
CSS3使用過(guò)度動(dòng)畫(huà)和緩動(dòng)效果案例講解
這篇文章主要介紹了CSS3使用過(guò)度動(dòng)畫(huà)和緩動(dòng)效果案例講解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-07-07
這篇文章主要介紹了flex(彈性布局)教程之常用布局的相關(guān)資料,需要的朋友可以參考下2022-09-09
CSS使用心得體會(huì)...2006-09-09
淺談?dòng)蓀osition屬性引申的css進(jìn)階討論
說(shuō)到position，稍微對(duì)css了解的能馬上說(shuō)出四個(gè)屬性值：static 、relative、absolute、fixed。更深一步去討論，牽扯出諸如上文提到的normal flow、containing block、bfc、margin collapse，base line，有多少人能很好的回答完整呢，所以在此做一個(gè)自己的總結(jié)歸納。2021-05-05