OO的CSS尝试
来源:互联网 发布:创业软件(300451)股吧 编辑:程序博客网 时间:2024/05/16 12:19
OO的CSS尝试:面向对象的样式表实践
美工和程序员如何合作? 我的答案是就靠这种规则的CSS
因为结构比较规则,所以可以通过固定的Taglib来生成table
但美工和程序员之间需要一个熟悉CSS/Scritpt的web程序员
之前想到过用类似于面向对象的方法来做CSS,主要的设计思路如下
对于某种类型的Table,在系统中肯定会出现多次,
例如用于显示新闻的,显示公告的等等。
因此把这种Table总结为一个CSS,而这些不同的CSS又有一些共性。
代码:
sampleTable.css
.sampleTable {
}
sampleTable2.css
.sampleTable2 {
}
例如表头,数据行等等,很多元素都相同。
因此做一个CSS模版,通过CSS属性继承的技巧来实现。
代码:
.sampleTable1 {
}
.sampleTable1 tbody .text{
}
.sampleTable2 {
}
.sampleTable2 tbody .text {
}
为什么说是OO的CSS呢?
因为这个CSS借鉴了OO的部分思路,继承,抽象和多态
继承,就是CSS的class继承了父class的属性如.table tbody
抽象,就是按照实际功能抽象为一个可描述的名字,如.text
在应用的时候,上面的.table .label .menu等等,可以看作是接口
不同的css实现相同的接口。如.table1 .table2,都应该有.label .ment
一个