溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下CSS中外鏈?zhǔn)脚c內(nèi)聯(lián)式有哪些區(qū)別，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
區(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)是十分的便捷、高效；但是同時(shí)也造成了不能夠重用樣式的缺點(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)注億速云行業(yè)資訊頻道！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
