您的位置:首页 > Web前端 > CSS

两种调用外部样式的方法

2013-11-02 13:37 288 查看
<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; }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: