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

2021-07-03 17:44:19 字數 735 閱讀 5742

第一:在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的三種引入方式

內聯css也稱為行內css或者行級css,它直接在標籤內引入。優點 便捷 高效 缺點 不能夠重用樣式,行數多的時候不建議使用 頁級css也稱為內部css,整體放在head標籤裡面,在style標籤裡面定義樣式,作用範圍僅限於本頁面。缺點 可維護性差 外聯css也稱為外部css,在實際專案中通常使用此...

CSS引入的三種方式

目的 為了把樣式和內容分開,並且使網頁元素更加豐富,引入了css css頁面引入有三種方式 1 內聯式 比較不常用,因為內容和樣式仍然在一起,不方便。示例 傳統布局 使用table來做整體頁面的布局 總結 這種方式來製作頁面現在也不是很多了,感覺並不是很高效。需要先用photoshop量出頁面布局具...

CSS的三種引入方式

1,行內式 直接寫在html標籤中,控制當前標籤,對其他標籤不起作用 我是盒子 2,內嵌式 一般寫在head標籤中,但理論上寫在什麼位置都可以,可以控制整個頁面的樣式 doctype html en utf 8 document title pink style head pink 我是盒子 div...