CSS模块化设计—从空格谈起(2)
作者:daijianchun 来源:蓝色理想 时间:2007-12-15 09:41:00
二、HTML中复合调用样式类
(1)在一个HTML标签内,可以复合调用多个样式类,也是用空格做运算符,复合类名总字符不能超过256。
(2)示例:
<style type="text/css">
.myTxt {
font-size:50px;
font-family:Arial Black;
}
.txtRed {
color:red;
}
.txtOrange {
color:orange;
}
.txtGreen {
color:green;
}
.txtBlue {
color:blue;
}
</style>
<ul>
<li class="myTxt txtRed">123</li>
<li class="myTxt txtOrange">Text</li>
<li class="txtGreen">Text</li>
<li class="myTxt txtBlue">Text</li>
</ul>
(3)应用:
对于某些多数样式属性累同,仅有几个不同样式属性的定义,可以用这个方法来缩写。
也可以在某个不改变某个通用样式类的同时,用HTML调用复合类,突出局部特例。
标签:空格,css,设计
0
投稿
猜你喜欢
检查access数据库中是否存在某个名字的表的asp代码
2011-04-02 11:20:00
asp + oracle 分页方法
2010-05-11 20:09:00
ASP显示当前在线人数统计代码
2010-04-24 15:47:00
IE的有条件注释详解(附实例代码)
2009-03-31 13:01:00
数据库备份过程中经常遇到的九种情况
2008-12-26 16:38:00
如何判断js脚本加载完成
2008-11-04 13:53:00
ORACLE客户端连接服务器的注意事项
2007-08-17 09:57:00
oracle 存储过程加密的方法
2009-03-06 10:58:00
装了 Access 2003 安全更新 (KB981716) 之后 Access 打不开
2010-12-09 19:59:00
用css+Javascript实现扫描线效果图片
2007-11-08 19:12:00
YUI3设计中的激进和妥协
2010-01-17 09:59:00
css学习笔记:DIV水平垂直居中
2009-06-19 12:45:00
Design IT. (8),一匹“更快的马”
2009-02-11 12:19:00
MySQL故障:mysqld-nt: Sort aborted错误的原因及解决办法
2009-11-03 14:32:00
月影:JavaScript王者归来
2008-08-05 17:18:00
Javascript 回调和事件(翻译)
2009-03-28 11:47:00
[欣赏] 情景互动广告
2008-08-06 12:59:00
在IE下获取object(ActiveX)的Param
2009-05-15 13:07:00
理解 XMLDOM 的节选
2008-02-17 14:48:00
SQL和Oracle对数据库事务处理的差异性
2009-10-14 09:43:00