<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.mylass {
font-size: 24px;
color: #F00;
text-decoration: blink;
}
a {
font-family: "仿宋";
font-size: 36px;
font-weight: bold;
color: #FFF;
text-decoration: none;
background-color: #990;
}
#myid {
font-size: 12px;
color: #0C0;
}
h1 { font-size:24px; color:#669}
.divclass {
font-size: 24px;
color: #039;
text-decoration: none;
line-height: 50px;
text-transform: uppercase;
font-weight: bolder;
font-style: italic;
background-color: #999;
text-align: left;
vertical-align: top;
width: 400px;
height: 100px;
}
</style>
<link href="mycss.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p class="mylass">
这是一段演示
</p>
<a class="mylass" href="#">这是一个链接</a><br>
<a href="#">另外一个连接</a>
<p id=myid>
这是一段myid文字
</p>
<p class=myclass1>
这是一段外部css文件
</p>
<h1 style="font-size:36px; color:#03F; font-family:'仿宋'">标题1</h1>
<h1>标题2</h1>
<div class="divclass">
div+css演示
</div>
</body>
</html>