网络编程
位置:首页>> 网络编程>> 网页设计>> CSS模块化设计—从空格谈起(2)

CSS模块化设计—从空格谈起(2)

作者:daijianchun 来源:蓝色理想 发布时间:2007-12-15 09:41:00 

标签:空格,css,设计

二、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调用复合类,突出局部特例。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com