MENU 服務(wù) 案例
網(wǎng)站建設(shè)-網(wǎng)站設(shè)計(jì)-北京網(wǎng)站建設(shè)-高端網(wǎng)站制作公司-尚品中國
我們通過擁抱變化創(chuàng)造
360°的品牌價(jià)值__
簡體
簡體中文 English

尚品簽約辰欣藥業(yè)股份有限公司官網(wǎng)建設(shè)

類型:尚品動(dòng)態(tài) 了解更多

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

來源:尚品中國| 類型:網(wǎng)站百科| 時(shí)間:2019-05-23
我們都知道HTML和CSS是作用不相同的兩種語言,但是它們對一個(gè)網(wǎng)頁能夠同時(shí)產(chǎn)生作用,網(wǎng)頁(webPage)= 內(nèi)容(html) + 表現(xiàn)(css) + 行為(javascript)。因此需要把CSS引入HTML一起使用。要想在瀏覽器中顯示出預(yù)期的CSS樣式表效果,就要讓瀏覽器識(shí)別并正確調(diào)用CSS。當(dāng)瀏覽器讀取樣式表時(shí),要依照文本格式來讀,而且當(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è)置集中寫在
和之間的,對于單個(gè)頁面來說,這種方式很方便。但是這種方法的使用情況要少的多,最長見得就是訪問量大的門戶網(wǎng)站?;蛘咴L問量較大的企業(yè)網(wǎng)站的首頁。與第一種方法比起來,優(yōu)點(diǎn)突出,弊端也明顯。優(yōu)點(diǎn):速度快,所有的CSS控制都是針對本頁面標(biāo)簽的,沒有多余的CSS命令;再者不用外鏈CSS文件。直接在HTML文檔中讀取樣式。缺點(diǎn)就是改版麻煩些,單個(gè)頁面顯得臃腫,CSS不能被其他HTML引用造成代碼量相對較多,維護(hù)也麻煩些。但是采用這種方法的公司大多有錢,對他們來說用戶量是關(guān)鍵,他們不缺人進(jìn)行復(fù)雜的維護(hù)工作。
 
    (3)導(dǎo)入式,如下圖
 
   (4)鏈接式,如下圖:
    
    導(dǎo)入式和鏈接式差不多,都是從外部引入CSS文件。但是鏈接式對于客戶端用戶瀏覽網(wǎng)站時(shí),效果會(huì)好些。
    鏈接式可以說是現(xiàn)在占統(tǒng)治地位的引入方法。如同IE與瀏覽器。這也是最能體現(xiàn)CSS特點(diǎn)的方法;最能體現(xiàn)DIV+CSS中的內(nèi)容與顯示分離的思想,也最易改版維護(hù),代碼看起來也是最美觀的一種。
 
    總結(jié):對于一些比較大的網(wǎng)站,為了便于維護(hù),可能會(huì)希望把所有的css樣式分類別放到幾個(gè)CSS文件中,這樣如果使用連接式引入,就需要幾個(gè)語句分別導(dǎo)入CSS文件。如果要調(diào)整CSS文件的分類,就需要同時(shí)調(diào)整HTML文件,這對于維護(hù)工作來說,是一個(gè)缺陷,如果使用導(dǎo)入式,則可以只引進(jìn)一個(gè)總的CSS文件,在這個(gè)文件中再導(dǎo)入其他獨(dú)立CSS文件;而鏈接式則不具備這個(gè)特性。
來源聲明:本文章系尚品中國編輯原創(chuàng)或采編整理,如需轉(zhuǎn)載請注明來自尚品中國。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò),如有侵權(quán),請及時(shí)與本站聯(lián)系(010-60259772)。
TAG標(biāo)簽:

如果您的網(wǎng)站可以增加轉(zhuǎn)化次數(shù)并提高客戶滿意度,該怎么辦?

預(yù)約專業(yè)咨詢顧問溝通!

*尚品專業(yè)顧問將盡快與您聯(lián)系

免責(zé)聲明

非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時(shí),以國家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益,請您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com

現(xiàn)在就與專業(yè)咨詢顧問溝通!

  • 全國服務(wù)熱線

    400-700-4979

  • 北京服務(wù)熱線

    010-60259772

信息保護(hù)中請放心填寫
在線咨詢

免責(zé)聲明

非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時(shí),以國家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益,請您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com