區(qū)別:CSS外鏈?zhǔn)绞菍ss代碼單獨(dú)寫一個(gè)以“.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)式。
本教程操作環(huán)境:windows7系統(tǒng)、css3&&html5版、Dell G3電腦。
(學(xué)習(xí)視頻分享:css視頻教程)
CSS外鏈?zhǔn)?#8211;外鏈樣式表
外鏈樣式表,是單獨(dú)寫一個(gè)以css為擴(kuò)展名的文件,然后在<head></head>中使用<link>標(biāo)簽,將css樣式鏈接到html中。舉個(gè)例子:
<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或者行級(jí)CSS,它直接在標(biāo)簽內(nèi)部引入。
舉個(gè)例子:
<body> <p>萊昂納多演的<span style="color:red">了不起的蓋茨比</span>非常好看。</p> </body>
顯著的優(yōu)點(diǎn)是十分的便捷、高效;但是同時(shí)也造成了不能夠重用樣式的缺點(diǎn),如果代碼行數(shù)到達(dá)一定長(zhǎng)度不建議采用。通常內(nèi)聯(lián)CSS作為測(cè)試使用,可以查找代碼中bug。
CSS外鏈?zhǔn)脚c內(nèi)聯(lián)式的區(qū)別
CSS外鏈?zhǔn)脚c內(nèi)聯(lián)式其實(shí)是沒有本質(zhì)的區(qū)別的,外鏈?zhǔn)较鄬?duì)于內(nèi)聯(lián)式容易管理,把相同的屬性寫在一起又避免了代碼的冗余。
權(quán)重優(yōu)先級(jí)從高到低:內(nèi)聯(lián)>外聯(lián)。