首頁 > web前端 > css教學 > CSS的四種引入方式

CSS的四種引入方式

高洛峰
發布: 2016-12-16 15:42:52
原創
1721 人瀏覽過

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

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

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

第二:在head部分加入


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

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

測試資訊


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

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


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


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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板