CSS的宣告
作者：斐智 来源：未知 添加时间：2006-5-21 9:48:52感觉还不错，分享点心得的给大家...
..................................
CSS 2.0 的宣告..
大致有3种方式：
第1种是类别，方式如下：
<html>
<head>
<meta content="text/html; charset=big5" http-equiv=Content-Type>
<title></title>
<style type="text/css">
.style1 {color:red;
text-align:center;
font-family:新细明体;
}
h2.style2 {color:red;
text-align:center;
font-family:新细明体;
}
</style>
</head>
<body>
<h1 class="style1">显示结果会为置中、红色、新细明体的文字</h1>
<h2 class="style2">显示结果会为置中、红色、新细明体的文字</h1>
</body>
</html>
以上差别在于style1可以给任何卷标使用，而style2只可给<h2>..</h2>卷标使用
第2种是ID，方式如下：
<html>
<head>
<meta content="text/html; charset=big5" http-equiv=Content-Type>
<title></title>
<style type="text/css">
#style1 {color:red;
text-align:center;
font-family:新细明体;
}
#style2 {color:green;
text-align:left;
font-family:新细明体;
}
</style>
</head>
<body>
<h1 id="style1">显示结果会为置中、红色、新细明体的文字</h1>
<h2 id="style2">显示结果会为告左、绿色、新细明体的文字</h1>
</body>
</html>
第3种是前后文，方式如下：
<html>
<head>
<meta content="text/html; charset=big5" http-equiv=Content-Type>
<title></title>
<style type="text/css">
h2 em {color:green;
font-size:large;
}
</style>
</head>
<body>
<h2>显示结果会为<em>绿色</em>文字</h2>
</body>
</html>
以上3种方式都可混合使用，但是若是对同一卷标作了两次宣告
则会以较晚的宣告为主..
对于CSS的宣告大概就是这样..
如果以上的内容有误或着有问题的话..
欢迎你mail给我...
站内搜索