今天要說這個問題就是這樣的，先從插入CSS的三種方法說起：
外部樣式（External Style Sheet）
當樣式需要應用于很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用 <link> 標簽鏈接到樣式表。<link> 標簽在（文檔的）頭部：
<head>
<link rel=”stylesheet” type=”text/css” href=”mystyle.css” />
</head>
內(nèi)部樣式（Internal Style Sheet）
當單個文檔需要特殊的樣式時，就應該使用內(nèi)部樣式表。你可以使用 <style> 標簽在文檔頭部定義內(nèi)部樣式表，就像這樣:
<head>
<style type=”text/css”>
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url(“images/back40.gif”);}
</style>
</head>
內(nèi)聯(lián)樣式（Inline Styles）
由于要將表現(xiàn)和內(nèi)容混雜在一起，內(nèi)聯(lián)樣式會損失掉樣式表的許多優(yōu)勢。請慎用這種方法，例如當樣式僅需要在一個元素上應用一次時。要使用內(nèi)聯(lián)樣式，你需要在相關的標簽內(nèi)使用樣式（style）屬性。Style 屬性可以包含任何 CSS 屬性。
<p style=”color: sienna; margin-left: 20px”>This is a paragraph</p>
多重樣式（Multiple Styles）
如果外部樣式、內(nèi)部樣式和內(nèi)聯(lián)樣式同時應用于同一個元素，就是使多重樣式的情況，一般情況下優(yōu)先級如下：
（外部樣式）External style sheet <（內(nèi)部樣式）Internal style sheet <（內(nèi)聯(lián)樣式）Inline style
之所以說是一般情況是因為可以使用!important來改變這種順序，比如外部樣式如果某個樣式項使用了!important來提高優(yōu)先級，其優(yōu)先級將比內(nèi)聯(lián)樣式高。還有個例外的情況就是如果外部樣式放在內(nèi)部樣式的后面，則外部樣式將覆蓋內(nèi)部樣式：
<head>
<!–內(nèi)部樣式–>
<style>
h3{color:green;}
</style>
<!–外部樣式style.css–>
<!–h3{color:blue;}–>
<link rel=”stylesheet” type=”text/css” href=”style.css”/>
</head>
<body>
<h3>測試！</h3>
</body>
文字的顏色將是藍色，因為外部樣式的藍色覆蓋了內(nèi)部樣式的綠色，這在主流瀏覽器中表現(xiàn)都是一致的，包括IE在內(nèi)。然而另外一種方式插入樣式，IE就表現(xiàn)出它的另類了。這種方法是使用腳本在外部樣式前插入內(nèi)部樣式，即上面的內(nèi)部樣式用腳本創(chuàng)建出來，代碼如下：
(function(){
新聞熱點
疑難解答
