当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 用标准件的方式来组装网页DIV布局-WEB标准网站设计心得

CSS样式表
CSS网页设计实例:15个用CSS设计的网页表单实例
让IE可以变相支持CSS3选择器
CSS3制作的精彩的网页实例教程
5个实例让你轻松了解CSS3新属性
CSS教程:详解CSS特定值
网页制作中的水平居中和垂直居中解决方案
CSS教程:CSS属性behavior的语法
网页制作实例:用CSS样式描述表格Table边框
CSS Hack兼容各浏览器是否正常
应聘网页设计师常见的8个面试试题和答案
5个帮助你实现未来的网页设计的CSS3技巧
CSS教程:纯CSS实现的圆角化图片
CSS命名规范和CSS书写规范及方法
CSS教程:expression在Chrome的问题
CSS教程:CSS变换(transition)
float闭合(清除浮动)和CSS HACK
letter-spacing和word-spacing
CSS基础语法:群组化选择符
黑客选择CSS代码挂马 CSS挂马攻防实录
CSS3制作网页下拉菜单代码解释

CSS样式表 中的 用标准件的方式来组装网页DIV布局-WEB标准网站设计心得


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 46 ::
收藏到网摘: n/a

有这样一个想法,不知道可行么

例子:
布局中的左栏,它的属性有:{居左,宽度,背景色,字体等等}
如果把每个属性都做成一个标准件,然后这样组装起来使用
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"