<body>
<a href="http://www.baidu.com">百度一下你就知道</a>
<p id="mian"><span>今天</span>周二</p>
<div class="main">今天挺冷的</div>
<p class="abc">实施视图</p>
</body>
@charset "utf-8";
/* CSS Document */
<style type="text/css">
{/*有的标签有默认的边距，一般写样式表的时候首先去除*/
margin:0px;
padding:0px;}
#mian/*以#开头的样式，需要在引用的时候使用id*/
{
font-size:36px;
color:#0F3;
}
.main/*以点开头的样式，需要在引用的时候使用class*/
{
font-size:40px;
color:#00C}
#mian span/*以#开头的样式，在使用了main这个样式表的标签里面去寻找span标签*/*/
{/*中间的空格表示后代*/
font-size:80px;
color:#90C}
p.abc/*在所有p标签中，如果有引用此abc的p标签，那就执行下面的样式*/
{
font-size:50px;
color:#0FF}
a:link/*初始颜色*/
{
font-size:50px;
color:#000;
text-decoration:none;
}
a:visited/*点击后的颜色*/
{
color:#000;}
a:hover/*鼠标悬浮在此的颜色*/
{
color:#0C0;
text-decoration:underline;}
a:active/*点击时的颜色*/
{
color:#C00;}
</style>
