<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>
