HTML引入CSS的常見(jiàn)方法有哪些？

2023-01-05 分類：網(wǎng)站建設(shè)

我們都知道HTML和CSS是作用不相同的兩種語(yǔ)言，但是它們對(duì)一個(gè)網(wǎng)頁(yè)能夠同時(shí)產(chǎn)生作用，網(wǎng)頁(yè)（webPage）= 內(nèi)容（html） + 表現(xiàn)（css） + 行為（javascript）。因此需要把CSS引入HTML一起使用。要想在瀏覽器中顯示出預(yù)期的CSS樣式表效果，就要讓瀏覽器識(shí)別并正確調(diào)用CSS。當(dāng)瀏覽器讀取樣式表時(shí)，要依照文本格式來(lái)讀，而且當(dāng)CSS樣式表放在不同的地方，所產(chǎn)生的作用范圍也是不同的。在HTML中，主要用四種方法引入CSS：行內(nèi)式、內(nèi)嵌式、導(dǎo)入式和鏈接式。

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

即在標(biāo)記的style屬性中設(shè)定CSS樣式，這種方式本質(zhì)上沒(méi)體現(xiàn)出CSS的優(yōu)勢(shì)，因此不推薦使用。

（2）嵌入式，如下圖：

在對(duì)頁(yè)面中各種元素的設(shè)置集中寫在

和之間的，對(duì)于單個(gè)頁(yè)面來(lái)說(shuō)，這種方式很方便。但是這種方法的使用情況要少的多，最長(zhǎng)見(jiàn)得就是訪問(wèn)量大的門戶網(wǎng)站?；蛘咴L問(wèn)量較大的企業(yè)網(wǎng)站的首頁(yè)。與第一種方法比起來(lái)，優(yōu)點(diǎn)突出，弊端也明顯。優(yōu)點(diǎn)：速度快，所有的CSS控制都是針對(duì)本頁(yè)面標(biāo)簽的，沒(méi)有多余的CSS命令；再者不用外鏈CSS文件。直接在HTML文檔中讀取樣式。缺點(diǎn)就是改版麻煩些，單個(gè)頁(yè)面顯得臃腫，CSS不能被其他HTML引用造成代碼量相對(duì)較多，維護(hù)也麻煩些。但是采用這種方法的公司大多有錢，對(duì)他們來(lái)說(shuō)用戶量是關(guān)鍵，他們不缺人進(jìn)行復(fù)雜的維護(hù)工作。

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

（4）鏈接式，如下圖：

導(dǎo)入式和鏈接式差不多，都是從外部引入CSS文件。但是鏈接式對(duì)于客戶端用戶瀏覽網(wǎng)站時(shí)，效果會(huì)好些。

鏈接式可以說(shuō)是現(xiàn)在占統(tǒng)治地位的引入方法。如同IE與瀏覽器。這也是最能體現(xiàn)CSS特點(diǎn)的方法；最能體現(xiàn)DIV+CSS中的內(nèi)容與顯示分離的思想，也最易改版維護(hù)，代碼看起來(lái)也是最美觀的一種。

總結(jié)：對(duì)于一些比較大的網(wǎng)站，為了便于維護(hù)，可能會(huì)希望把所有的css樣式分類別放到幾個(gè)CSS文件中，這樣如果使用連接式引入，就需要幾個(gè)語(yǔ)句分別導(dǎo)入CSS文件。如果要調(diào)整CSS文件的分類，就需要同時(shí)調(diào)整HTML文件，這對(duì)于維護(hù)工作來(lái)說(shuō)，是一個(gè)缺陷，如果使用導(dǎo)入式，則可以只引進(jìn)一個(gè)總的CSS文件，在這個(gè)文件中再導(dǎo)入其他獨(dú)立CSS文件；而鏈接式則不具備這個(gè)特性。

網(wǎng)站題目：HTML引入CSS的常見(jiàn)方法有哪些？
URL地址：http://www.muchs.cn/news13/228363.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、域名注冊(cè)、網(wǎng)站導(dǎo)航、移動(dòng)網(wǎng)站建設(shè)、建站公司、響應(yīng)式網(wǎng)站

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

猜你還喜歡下面的內(nèi)容