CSS笔记
一、星号*
应该是个通配符。比如
<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;}
相关文档：
从今天开始，CSS设计教程和大家见面了。每天一节，有学习的同学请每天关注我们网站。
例1－1 背景图片
第一个例子展示了对background属性的运用，本例子把background属性与一个div元素相结合。div的大小为250pxX76px，所以它会显示出一个完整的背景图片。
以下是本实例的详细程序，调试在Microsoft Visual Studio 2010版 ......
方法一：
跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，
甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS
Hack技术有很多，具体可以查看：
� ......
<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*/ ......
此文为网上收集~
给客户做站的时候遇到的问题,div层加了margin后 总宽度超过父级层宽度 就自动换行了 如何让浮动层加margin后不换行呢?
下面看浮动层加margin后换行的例子:
比如说有个DIV宽度为380px，它里面有一个菜单列表，每个宽度为60px，margin-right为20px。如果就按照下面的HTML结构来做的话，那么这个菜单列表能 ......
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
padding: 0;
margin: 0;
}
fieldset, img {
border: 0;
}
table {
border-co ......
