我們都知道HTML和CSS是兩種功能不同的語言，但是它們可以同時對一個網(wǎng)頁產(chǎn)生效果，網(wǎng)頁（webPage）=內(nèi)容（html）+表現(xiàn)（css）+行為（javascript） .因此，有必要將CSS引入到HTML中并結(jié)合使用。為了在瀏覽器中顯示出預(yù)期的CSS樣式表效果，需要瀏覽器正確識別和調(diào)用CSS。瀏覽器在讀取樣式表的時候，應(yīng)該是按照文本格式來讀取的，而CSS樣式表放在不同的地方，作用的范圍也是不同的。在HTML中，CSS主要通過四種方式引入：內(nèi)聯(lián)、嵌入、導(dǎo)入和鏈接。

（1）行內(nèi)式，如下圖：

即在標(biāo)簽的style屬性中設(shè)置CSS樣式。這種方式并沒有從本質(zhì)上體現(xiàn)CSS的優(yōu)勢，所以不推薦使用。

（2）嵌入式，如下圖：

在頁面各種元素的設(shè)置中，寫入

在和之間，這對于單頁來說很方便。不過這種方式的使用要少得多，最常見的是訪問量大的門戶網(wǎng)站。或者訪問量大的企業(yè)網(wǎng)站首頁。與第一種方法相比，優(yōu)點(diǎn)突出，但缺點(diǎn)也很明顯。優(yōu)點(diǎn)：速度快，所有的CSS控件都是針對這個頁面標(biāo)簽的，沒有多余的CSS命令；此外，不需要外部鏈CSS 文件。直接在HTML 文檔中讀取樣式。缺點(diǎn)是改版比較麻煩，單個頁面顯得臃腫，CSS不能被其他HTML引用，導(dǎo)致代碼量比較大，維護(hù)麻煩。但采用這種方式的公司大多是有錢人，對他們來說用戶量是關(guān)鍵，不缺人手做復(fù)雜的維護(hù)工作。

（3）導(dǎo)入式，如下圖

（4）鏈接式，如下圖：

導(dǎo)入類型和鏈接類型類似，都是從外部導(dǎo)入CSS文件。但鏈接類型在客戶端用戶瀏覽網(wǎng)站時效果會更好。

鏈接可以說是現(xiàn)在占主導(dǎo)地位的導(dǎo)入方式。比如IE和瀏覽器。這也是最能體現(xiàn)CSS特性的方法；在DIV+CSS中最能體現(xiàn)內(nèi)容與顯示分離的思想，也是最容易修改維護(hù)，代碼看起來最漂亮的。

總結(jié)：對于一些比較大的網(wǎng)站，為了方便維護(hù)，可能希望把所有的css樣式放到幾個css文件中，這樣如果使用鏈接導(dǎo)入，需要幾個語句分別導(dǎo)入css文件.如果要調(diào)整CSS文件的分類，需要同時調(diào)整HTML文件，這對于維護(hù)工作來說是一個缺陷。如果使用導(dǎo)入方式，只能導(dǎo)入一個通用的CSS文件，然后在這個文件中導(dǎo)入其他獨(dú)立的CSS。文件；而鏈接類型沒有此功能。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！