區(qū)別:CSS外鏈式是將css代碼單獨寫一個以“.css”為擴展名的文件中,然后使用link標簽鏈接到html中。CSS內聯(lián)式是直接使用style屬性將css代碼寫在HTML標簽中。內聯(lián)式的權重高于內聯(lián)式。
本教程操作環(huán)境:windows7系統(tǒng)、css3&&html5版、Dell G3電腦。
(學習視頻分享:css視頻教程)
CSS外鏈式–外鏈樣式表
外鏈樣式表,是單獨寫一個以css為擴展名的文件,然后在<head></head>中使用<link>標簽,將css樣式鏈接到html中。舉個例子:
<link href="css樣式的名字(一般自己?。?css" rel="stylesheet" type="text/css">
CSS內聯(lián)式–內聯(lián)樣式表
內聯(lián)CSS也可稱為行內CSS或者行級CSS,它直接在標簽內部引入。
舉個例子:
<body> <p>萊昂納多演的<span style="color:red">了不起的蓋茨比</span>非常好看。</p> </body>
顯著的優(yōu)點是十分的便捷、高效;但是同時也造成了不能夠重用樣式的缺點,如果代碼行數(shù)到達一定長度不建議采用。通常內聯(lián)CSS作為測試使用,可以查找代碼中bug。
CSS外鏈式與內聯(lián)式的區(qū)別
CSS外鏈式與內聯(lián)式其實是沒有本質的區(qū)別的,外鏈式相對于內聯(lián)式容易管理,把相同的屬性寫在一起又避免了代碼的冗余。
權重優(yōu)先級從高到低:內聯(lián)>外聯(lián)。