css筆試題整理——四種引入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>
這種方法現在用的很少，很多公司不瞭解前端技術的領導還對這種寫法很痛恨。認爲ＨＴＭＬ裏不能出現ＣＳＳ命令。其實有時候使用下也沒有什麼大不了。比如通用性差，效果特殊，使用ＣＳＳ命令較少，並且不常改動的地方，使用這種方法反而是很好的選擇。
除了這三種常用的ＣＳＳ引入方式，還有種很多人都沒有見過的引入方式
<style type="text/css">
@import url(my.css);
</style>
這就是第四種引入方式。在ＩＢＭ工作的時候，只能使用一種Ajax框架，就是ＤＯＪＯ。而ＤＯＪＯ的CSS引用，就是採用了@import的方式。這種情況非常少，主要用在CSS文件數量龐大的負責的系統中。另外@important本身是一個CSS命令，是放在CSS文件裏的，這個跟LINK標籤有很大的區別。