1. 程式人生 > >H5 CSS 引入方式 外聯樣式表

H5 CSS 引入方式 外聯樣式表

外聯樣式表

  • 通過link標籤引用外部CSS檔案

<html>
<head>
<meta charset="utf-8">
<title>引入方式</title>
<style>
p{color:red;}
i{color:yellow;}
u{color:white;}
em{color:greenyellow;}
sub{color:red;}
sup{color:yellow;}
</style>
<link  rel="stylesheet" type="text/css" href="wailian.css">    /*外聯樣式表*/
</head>
<body style="background-color:green;font-size:40px;">
<p>暮從碧山下,山月隨人歸。</p>
<i>卻顧所來徑,蒼蒼橫翠微。</i>
<u>相攜及田家,童稚開荊扉。</u>
<em>綠竹入幽徑,青蘿拂行衣。</em>
<b>歡言得所憩,美酒聊共揮。</b>
<sub>長歌吟松風,曲盡河星稀。</sub>
<sup>我醉君復樂,陶然共忘機。</sup>


</body>
</html>