运用css样式的一个小例子

今天听了老师的讲课,把css样式应用整理了一下,参考书籍,写了如下例子:呵呵!
mytest.html

<html>
<head>
<title>css测试</title>
<link rel=stylesheet href="mytest.css"/>

</head>

<body>
<h1>普通选择器</h1>
<h2>普通选择器</h2>
<div id="mydiv">ID选择器</div>
<div class="greenword">类别选择器</div>
<a href=#>伪类选择器</a>
</body></html>

下面是mytest.css

/*ID选择器*/
#mydiv{color:red}
/*类别选择器*/
.greenword{color:green}
/*伪类选择器*/
 a:link{text-decoration:none;color:#000000;}
 a:visited{text-decoration:none;color:#0000ff;}
 a:hover{text-decoration:none;color:#ff0000;}
 a:active{text-decoration:none;color:#000000;}
 /*普通选择器*/
 h1,h2{color:yellow}

posted @ 2007-08-24 20:35  范文轩  阅读(350)  评论(0)  编辑  收藏  举报