两种调用外部样式的方法
<title>归园田居</title>
<!--<link href="css/poem.css" rel="stylesheet" type="text/css" />-->
<style type="text/css">
<!-- @import url("css/poem.css"); -->
</style>
</head>
<body>
<h1>归园田居</h1>
<p>种豆南山下，草盛豆苗稀。</p>
<p class="red">晨兴理荒秽，带月荷锄归。</p>
<p>道狭草木长，夕露沾我衣。</p>
<p id="foot">衣沾不足惜，但使愿无违。</p>
</body>
外部样式内容：
@charset "utf-8"; /* CSS Document */
h1 { font-size:18px; }
p { font-size:12px; }
.red { color:#ff0000; font-size:16px; }
#foot { font-size:20px; color:#0000ff; font-weight:bold; }
