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