CSS中外鏈?zhǔn)脚c內(nèi)聯(lián)式有哪些區(qū)別-創(chuàng)新互聯(lián)

小編給大家分享一下CSS中外鏈?zhǔn)脚c內(nèi)聯(lián)式有哪些區(qū)別,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

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

區(qū)別:CSS外鏈?zhǔn)绞菍ss代碼單獨(dú)寫一個以“.css”為擴(kuò)展名的文件中,然后使用link標(biāo)簽鏈接到html中。CSS內(nèi)聯(lián)式是直接使用style屬性將css代碼寫在HTML標(biāo)簽中。內(nèi)聯(lián)式的權(quán)重高于內(nèi)聯(lián)式。

CSS外鏈?zhǔn)?-外鏈樣式表

外鏈樣式表,是單獨(dú)寫一個以css為擴(kuò)展名的文件,然后在<head></head>中使用<link>標(biāo)簽,將css樣式鏈接到html中。舉個例子:

<link href="css樣式的名字(一般自己?。?css" rel="stylesheet" type="text/css">

CSS內(nèi)聯(lián)式--內(nèi)聯(lián)樣式表

內(nèi)聯(lián)CSS也可稱為行內(nèi)CSS或者行級CSS,它直接在標(biāo)簽內(nèi)部引入。

舉個例子:

<body>
<p>萊昂納多演的<span style="color:red">了不起的蓋茨比</span>非常好看。</p>
</body>

顯著的優(yōu)點(diǎn)是十分的便捷、高效;但是同時也造成了不能夠重用樣式的缺點(diǎn),如果代碼行數(shù)到達(dá)一定長度不建議采用。通常內(nèi)聯(lián)CSS作為測試使用,可以查找代碼中bug。

CSS外鏈?zhǔn)脚c內(nèi)聯(lián)式的區(qū)別

CSS外鏈?zhǔn)脚c內(nèi)聯(lián)式其實(shí)是沒有本質(zhì)的區(qū)別的,外鏈?zhǔn)较鄬τ趦?nèi)聯(lián)式容易管理,把相同的屬性寫在一起又避免了代碼的冗余。

權(quán)重優(yōu)先級從高到低:內(nèi)聯(lián)>外聯(lián)。

以上是“CSS中外鏈?zhǔn)脚c內(nèi)聯(lián)式有哪些區(qū)別”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

當(dāng)前標(biāo)題:CSS中外鏈?zhǔn)脚c內(nèi)聯(lián)式有哪些區(qū)別-創(chuàng)新互聯(lián)
本文路徑:http://muchs.cn/article6/cdseig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、響應(yīng)式網(wǎng)站、企業(yè)建站、外貿(mào)建站、用戶體驗(yàn)App開發(fā)

廣告

聲明:本網(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)

手機(jī)網(wǎng)站建設(shè)