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
  • asp之家 网络编程 m.aspxhome.com