一、星号*
应该是个通配符。比如
<style type="text/css">
.roundBorder *
{
background: white;
display: block;
height: 1px;
overflow: hidden;
}
</style>
……
<b class="roundBorder">
<b class="roundBorderLayer3"></b>
<b class="roundBorderLayer2"></b>
<b class="roundBorderLayer1"></b>
</b>
那么这个roundBorderLayer1、2、3都会受这个.roundBorder *的定义影响。
二、继承
CSS可以有多重继承。如
<div id="divTenet">
<div style="font-size:16px;width:240px;">鸟0</div>
<div><img src="img/k.gif" width="24" height="20" hspace="3" alt="鸟1"/>鸟1</div>
<div><img src="img/jc.gif" width="21" height="23" hspace="3" alt="鸟2"/>鸟2</div>
<div><img src="img/fx.gif" width="22" height="20" hspace="3" alt="鸟3"/>鸟3</div>
</div>
CSS里可以这样定义里面的<IMG>：#divTenet div img{vertical-align:middle;}
<body style="background-color:#000" mce_style="background-color:#000">
<div style="background-color:#fff; width:500px; height:200px; filter:alpha(opacity='50'); opacity:0.5">这个背景是透明的</div>
</body>
/*IE*/
filter:alpha(opacity='50');
/*FF*/ ......
转自http://www.w3cn.org/article/tips/2005/105.html
我们先来看一个菜单的例子，最终效果是:
第一步：建立一个无序列表
我们先建立一个无序列表，来建立菜单的结构。代码是：
<ul>
<li><a href="1">首页</a></li>
<li><a href="2">产品介绍</a></li> ......
