在HTML中如何引入CSS樣式-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)在HTML中如何引入CSS樣式的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)成立于2013年，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都做網(wǎng)站、網(wǎng)站建設(shè)網(wǎng)站策劃，項目實(shí)施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元疏勒做網(wǎng)站,已為上家服務(wù),為疏勒各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220

有4種方式可以在HTML中引入CSS。其中有2種方式是在HTML文件中直接添加CSS代碼，另外兩種是引入外部CSS文件。下面我們就來看看這些方式和它們的優(yōu)缺點(diǎn)。

內(nèi)聯(lián)方式

內(nèi)聯(lián)方式指的是直接在HTML標(biāo)簽中的style屬性中添加CSS。

示例：

< div >< /div>

這通常是個很糟糕的書寫方式，它只能改變當(dāng)前標(biāo)簽的樣式，如果想要多個擁有相同的樣式，你不得不重復(fù)地為每個

添加相同的樣式，如果想要修改一種樣式，又不得不修改所有的style中的代碼。很顯然，內(nèi)聯(lián)方式引入CSS代碼會導(dǎo)致HTML代碼變得冗長，且使得網(wǎng)頁難以維護(hù)。

嵌入方式

嵌入方式指的是在HTML頭部中的< style>標(biāo)簽下書寫CSS代碼。

嵌入方式的CSS只對當(dāng)前的網(wǎng)頁有效。因為CSS代碼是在HTML文件中，所以會使得代碼比較集中，當(dāng)我們寫模板網(wǎng)頁時這通常比較有利。因為查看模板代碼的人可以一目了然地查看HTML結(jié)構(gòu)和CSS樣式。因為嵌入的CSS只對當(dāng)前頁面有效，所以當(dāng)多個頁面需要引入相同的CSS代碼時，這樣寫會導(dǎo)致代碼冗余，也不利于維護(hù)。

鏈接方式

鏈接方式指的是使用HTML頭部的標(biāo)簽引入外部的CSS文件。

這是最常見的也是最推薦的引入CSS的方式。使用這種方式，所有的CSS代碼只存在于單獨(dú)的CSS文件中，所以具有良好的可維護(hù)性。并且所有的CSS代碼只存在于CSS文件中，CSS文件會在第一次加載時引入，以后切換頁面時只需加載HTML文件即可。

導(dǎo)入方式

導(dǎo)入方式指的是使用CSS規(guī)則引入外部CSS文件。

比較鏈接方式和導(dǎo)入方式

鏈接方式（下面用link代替）和導(dǎo)入方式（下面用@import代替）都是引入外部的CSS文件的方式，下面我們來比較這兩種方式，并且說明為什么不推薦使用@import。

link屬于HTML，通過

標(biāo)簽中的href屬性來引入外部文件，而@import屬于CSS，所以導(dǎo)入語句應(yīng)寫在CSS中，要注意的是導(dǎo)入語句應(yīng)寫在樣式表的開頭，否則無法正確導(dǎo)入外部文件；

@import是CSS2.1才出現(xiàn)的概念，所以如果瀏覽器版本較低，無法正確導(dǎo)入外部樣式文件；

最后：

當(dāng)HTML文件被加載時，link引用的文件會同時被加載，而@import引用的文件則會等頁面全部下載完畢再被加載；

感謝各位的閱讀！關(guān)于“在HTML中如何引入CSS樣式”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

分享題目：在HTML中如何引入CSS樣式-創(chuàng)新互聯(lián)
路徑分享：http://bm7419.com/article2/hdpic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、網(wǎng)站內(nèi)鏈、小程序開發(fā)、自適應(yīng)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)