更新時(shí)間：2014-12-24
（1） 使用<link>元素鏈接到外部的樣式文件
（2） 在<head>元素中使用"style"元素來指定
（3） 使用CSS "@import"標(biāo)記來導(dǎo)入樣式表單
（4） 在<body>內(nèi)部的元素中使用"style"屬性來定義樣式
實(shí)例代碼：
<html>
<head>
<title>css demo</title>
<link rel=stylesheet type="text/css" href="css/name.css" title="cool">
<style>
@import url(css/name2.css);
h1{color:red}
<style>
</head>
<body>
<h1>CSS demo by JET</h1>
<p style="color:blue">good luck.
</body>
</html>
link和@import的差別：
（1）本質(zhì)差別，link屬于XHTML標(biāo)簽，而@import完全是CSS提供的一種方式。
（2）加載順序的差別。當(dāng)一個(gè)頁面被加載的時(shí)候（就是被瀏覽者瀏覽的時(shí)候），link引用的CSS會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁面全部被下載完再被加載。所以有時(shí)候?yàn)g覽@import加載CSS的頁面時(shí)開始會(huì)沒有樣式（就是閃爍），網(wǎng)速慢的時(shí)候還挺明顯。
（3）兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識(shí)別，而link標(biāo)簽無此問題。
（4）使用dom控制樣式時(shí)的差別。當(dāng)使用javascript控制dom去改變樣式的時(shí)候，只能使用link標(biāo)簽，因?yàn)锧import不是dom可以控制的。
（5）@import可以在css中再次引入其他樣式表，比如可以創(chuàng)建一個(gè)主樣式表，在主樣式表中再引入其他的樣式表。
實(shí)例代碼：譬如以有樣式表文件main.css中可以引入content.css
@import “content.css”;
p{color:red;}
img{border:none;}
