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