一、 行內(nèi)樣式表(行內(nèi)式引入)
行內(nèi)樣式表(內(nèi)聯(lián)樣式表)是在元素標(biāo)簽內(nèi)部的 style 屬性中設(shè)定 CSS 樣式。適合于修改簡(jiǎn)單樣式.
<p style="font-weight: 700;">一段話</p>
特點(diǎn):
1.結(jié)構(gòu)樣式不分離,沒有體現(xiàn)出結(jié)構(gòu)與樣式相分離的思想
2.只能設(shè)置單個(gè)標(biāo)簽里的樣式
3.style中的語法規(guī)范和css一樣
二、 內(nèi)部樣式表(嵌入式引入)
是將所有的 CSS 代碼抽取出來,單獨(dú)放到一個(gè) <style> 標(biāo)簽中寫在header里面。
<style>
p {
font: italic 700 20px Arial;
}
</style>
特點(diǎn):
1.代碼結(jié)構(gòu)清晰,但是樣式與結(jié)構(gòu)并沒有完全分離。
2.通過此種方式,可以方便控制當(dāng)前整個(gè)頁面中的元素樣式設(shè)置。
三、外部樣式表
把所有的css代碼都寫在單獨(dú)的css文件中,再通過link引入。
一般在html頁面的head中,寫入link標(biāo)簽引入css文件。
<link rel="stylesheet" href="13-外部樣式表.css">