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;}
相关文档：
從上到下
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
} 二、从左上至右下渐变
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue; ......
这本书不错，详细介绍了CSS的相关知识，对初学者和想进一步学习的人都有帮助。
相关笔记：
行内样式>ID样式>类样式>标记样式
font-weight:bold;
font-size:30px;
text-decoration:underline;
& ......
1.直接加在对象上
<html>
<head>
<title>title</title>
</head>
<body>
<span style="color:red">red</span>
</body>
</html>
2.加到页面头部
<html>
<head>
< ......
overflow从字面意义上来讲就是溢出的意思唄，换句话说，你有个层，但是里面的内容，图片或者文字要比层大，overflow就是针对这种情况进行处理的。
包含4个属性值，visible,hidden,auto,scroll
visible就是超出的内容仍然正常被显示出来。
hidden就是超出的内容被隐� ......
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 ......
