堅持為客戶提供有價值的服務(wù)和內(nèi)容

HTML引入CSS的常見方法有哪些?

商企云 | 2021-06-24 | 分享至:
我們都知道HTML和CSS是作用不相同的兩種語言,但是它們對一個網(wǎng)頁能夠同時產(chǎn)生作用,網(wǎng)頁(webPage)= 內(nèi)容(html) + 表現(xiàn)(css) + 行為(javascript)。因此需要把CSS引入HTML一起使用。要想在瀏覽器中顯示出預(yù)期的CSS樣式表效果,就要讓瀏覽器識別并正確調(diào)用CSS。當(dāng)瀏覽器讀取樣式表時,要依照文本格式來讀,而且當(dāng)CSS樣式表放在不同的地方,所產(chǎn)生的作用范圍也是不同的。在HTML中,主要用四種方法引入CSS:行內(nèi)式、內(nèi)嵌式、導(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)點突出,弊端也明顯。優(yōu)點:速度快,所有的CSS控制都是針對本頁面標(biāo)簽的,沒有多余的CSS命令;再者不用外鏈CSS文件。直接在HTML文檔中讀取樣式。缺點就是改版麻煩些,單個頁面顯得臃腫,CSS不能被其他HTML引用造成代碼量相對較多,維護(hù)也麻煩些。但是采用這種方法的公司大多有錢,對他們來說用戶量是關(guān)鍵,他們不缺人進(jìn)行復(fù)雜的維護(hù)工作。
?
? ? (3)導(dǎo)入式,如下圖
?
? ?(4)鏈接式,如下圖:
? ??
? ? 導(dǎo)入式和鏈接式差不多,都是從外部引入CSS文件。但是鏈接式對于客戶端用戶瀏覽網(wǎng)站時,效果會好些。
? ? 鏈接式可以說是現(xiàn)在占統(tǒng)治地位的引入方法。如同IE與瀏覽器。這也是最能體現(xiàn)CSS特點的方法;最能體現(xiàn)DIV+CSS中的內(nèi)容與顯示分離的思想,也最易改版維護(hù),代碼看起來也是最美觀的一種。
?
? ? 總結(jié):對于一些比較大的網(wǎng)站,為了便于維護(hù),可能會希望把所有的css樣式分類別放到幾個CSS文件中,這樣如果使用連接式引入,就需要幾個語句分別導(dǎo)入CSS文件。如果要調(diào)整CSS文件的分類,就需要同時調(diào)整HTML文件,這對于維護(hù)工作來說,是一個缺陷,如果使用導(dǎo)入式,則可以只引進(jìn)一個總的CSS文件,在這個文件中再導(dǎo)入其他獨立CSS文件;而鏈接式則不具備這個特性。
掃二維碼與項目經(jīng)理溝通

7*24小時為您服務(wù)

解答:網(wǎng)站優(yōu)化,網(wǎng)站建設(shè),APP開發(fā),小程序開發(fā),H5開發(fā),品牌推廣,新聞推廣,輿情監(jiān)測等

  非常感謝您有耐心的讀完這篇文章:"HTML引入CSS的常見方法有哪些?",更多內(nèi)容請繼續(xù)瀏覽,我們將為您提供更多參考使用或?qū)W習(xí)交流的信息。我們還可為您提供:網(wǎng)站建設(shè)與開發(fā)網(wǎng)站優(yōu)化、品牌推廣、APP開發(fā)、小程序開發(fā)、新聞推廣等服務(wù),我們以“降低營銷成本,提高營銷效果”的服務(wù)理念,自創(chuàng)立至今,已成功服務(wù)過不同行業(yè)的1000多家企業(yè),獲得國家高新技術(shù)企業(yè)認(rèn)證,且擁有14項國家軟件著作權(quán),將力爭成為國內(nèi)企業(yè)心目中值得信賴的互聯(lián)網(wǎng)產(chǎn)品及服務(wù)提供商。如您需要合作,請掃碼咨詢,我們將誠摯為您服務(wù)。
我要咨詢
姓名 :
電話 :
文章分類