網(wǎng)頁的樣式一般由CSS來定義,其實CSS的插入方式有多種,下面讓我們一起來了解一下:
1.內(nèi)部樣式表
<head>
<style>
p {
color: red;
}
</style>
</head>
在head標簽中使用style標簽,書寫CSS,這樣可以使該HTML文檔的所有
標簽都具有red的文字顏色。但由于CSS在HTML文檔中是嵌入式的,因此這種方式不利于CSS的管理。
2.外部樣式表
<head>
<link rel="stylesheet" href="style.css">
</head>
通過在head標簽中使用link標簽,可以鏈接一個外部樣式表,這樣HTML文檔就可以從外部樣式表中提取需要的樣式,在整個網(wǎng)站中重復使用,由此提高了CSS的可維護性。
3.內(nèi)聯(lián)樣式
<p style="color: red">這是一段紅色的文字</p>
在
標簽內(nèi)的style屬性中書寫CSS,可以使該
標簽具有紅色的文字顏色。但由于每個標簽都需要書寫樣式代碼,因此這種方式不利于CSS的維護。
結(jié)論:
外部樣式表是CSS插入方式的首選,既可以使CSS的可維護性變高,也可以使網(wǎng)頁加載速度加快。而內(nèi)部樣式表和內(nèi)聯(lián)樣式應盡量避免,僅僅在需要獨立設置樣式的情況下使用。
上一篇css怎么插入gif格式
下一篇css怎么改字體為斜體