CSS的四種引入方式

CSS的引入方式最常用的有三種，

第一：在head部分加入,引入外部的CSS檔案。

這種方法可以說是現在佔統治地位的引入方法。如同IE與瀏覽器。這也是最能體現CSS特點的方法；最能體現DIV+CSS中的內容與顯示分離的思想，也最易改版維護，程式碼看起來也是最美觀的一種。

第二：在head部分加入


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

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

測試資訊

這種方法現在用的很少，很多公司不了解前端技術的領導還對這種寫法很痛恨。認為ＨＴＭＬ裡不能出現ＣＳＳ指令。其實有時候使用下也沒什麼大不了。例如通用性差，效果特殊，使用ＣＳＳ指令較少，且不常改動的地方，使用這種方法反而是很好的選擇。

除了這三種常用的ＣＳＳ引入方式，還有種很多人都沒見過的引入方式


這就是第四種引入方式。在ＩＢＭ工作的時候，只能使用一種Ajax框架，就是ＤＯＪＯ。而ＤＯＪＯ的CSS引用，就是採用了@import的方式。這種情 況非常少，主要用在CSS檔案數量龐大的負責的系統中。另外@important本身就是一個CSS指令，是放在CSS檔案裡的，這個跟LINK標籤有很大 的差別。

更多CSS的四種引入方式 相關文章請關注PHP中文網！