CSS的4種引入方式

CSS的四種引入方式

要說出CSS的引入方式，沒有什麼難度，但要說到爲何使用不一樣的引入方式，就有些學問在裏面了。

CSS的引入方式最經常使用的有三種：

第一：在head部分加入

<link  rel="stylesheet" type="text/css" 
href="my.css"/>

引入外部的CSS文件。 這種方法能夠說是如今佔統治地位的引入方法。如同IE與瀏覽器。這也是最能體現CSS特色的方法；最能體現DIV+CSS中的內容與顯示分離的思想，也最易改版維護，代碼看起來也是最美觀的一種。

第二：在head部分加入

<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>

這種方法的使用狀況要少的多，最多見得就是訪問量大的門戶網站。或者訪問量較大的企業網站的首頁。與第一種方法比起來，優勢突出，弊端也明顯。優勢：速度快，全部的CSS控制都是針對本頁面標籤的，沒有多餘的ＣＳＳ命令；再者不用外鏈ＣＳＳ文件。直接在ＨＴＭＬ文檔中讀取樣式。缺點就是改版麻煩些，單個頁 面顯得臃腫，ＣＳＳ不能被其餘ＨＴＭＬ引用形成代碼量相對較多，維護也麻煩些。可是採用這種方法的公司大多有錢，對他們來講用戶量是關鍵，他們不缺人進 行復雜的維護工做。

第三：直接在頁面的標籤里加　

<div style="border:1px red solid;">測試信息</div>

這種方法如今用的不多，Marc老師認爲這樣不是很好，在ＨＴＭＬ裏最好不要出現ＣＳＳ命令。好比通用性差，效果特殊，使用ＣＳＳ命令較少，而且不常改動的地方，使用這種方法反而是很好的選擇。

除了這三種經常使用的ＣＳＳ引入方式，還有種不少人都沒有見過的引入方式

@import url(my.css);

這就是第四種引入方式。這種狀況很是少，主要用在CSS文件數量龐大的負責的系統中。另外@import自己是一個CSS命令，是放在CSS文件裏的。

在ＩＢＭ工做的時候，只能使用一種Ajax框架，就是ＤＯＪＯ。而ＤＯＪＯ的CSS引用，就是採用了@import的方式。