繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 用标准件的方式来组装网页DIV布局-WEB标准网站设计心得
- CSS样式表
- 关于CSS控制DIV水平居中问题
- CSS:相同元素不同结构重复定义的问题
- 关于DIV CSS和XHTML CSS的理解
- CSS教程：简单理解em
- CSS教程:导致一些问题的overflow
- CSS常用属性的代码简化实例
- CSS教程：总结清除浮动的方法
- 网页设计中典型的header代码结构
- CSS初学者常犯错误汇总
- CSS网页布局：div水平居中的各种方法
- CSS Div网页布局中的结构与表现
- CSS教程：简化CSS中属性的示例
- CSS网页布局：div垂直居中的各种方法
- acronym标记和abbr标记的不同之处
- CSS编写的网页打开流畅相关知识与注意点
- 你知道CSS中长度单位pt、px、dpi的意思吗？
- CSS页面布局中HTML结构化
- CSS选择器的使用技巧
- CSS教程：网页图片垂直居中的使用技巧
- dl,dt,dd标记在网页中要充分利用
CSS样式表 中的 用标准件的方式来组装网页DIV布局-WEB标准网站设计心得
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 43 ::
收藏到网摘: 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"
评论 (0) All
