CSS,全稱為層疊樣式表(Cascading Style Sheets),是一種用來設(shè)置 HTML 網(wǎng)頁(yè)樣式的語(yǔ)言。CSS 有三個(gè)類型,分別是內(nèi)聯(lián)樣式表、內(nèi)部樣式表和外部樣式表。
內(nèi)聯(lián)樣式表,指的是直接在 HTML 元素上使用 style 屬性來設(shè)置樣式。例如:
<p style="color: red;">這是一段紅色的文字</p>
雖然內(nèi)聯(lián)樣式表在編寫時(shí)比較方便,但是在實(shí)際項(xiàng)目中并不常用,因?yàn)檫@樣會(huì)導(dǎo)致代碼混亂,并且難以維護(hù)。
內(nèi)部樣式表,則是將樣式設(shè)置放在 HTML 文檔的 head 標(biāo)簽內(nèi),使用 style 標(biāo)簽來定義樣式。例如:
<head> <style> p { color: red; } </style> </head> <body> <p>這是一段紅色的文字</p> </body>
內(nèi)部樣式表可以集中管理樣式,比內(nèi)聯(lián)樣式表要好維護(hù),但是在實(shí)際項(xiàng)目中更常用的是外部樣式表。
外部樣式表則是將樣式設(shè)置放在一個(gè)獨(dú)立的 CSS 文件中,通過 link 標(biāo)簽來引用。例如:
<head> <link rel="stylesheet" href="style.css"> </head>
然后在 style.css 文件中定義樣式:
p { color: red; }
外部樣式表的優(yōu)點(diǎn)是可以在多個(gè)頁(yè)面中共用同一份樣式代碼,有利于減少代碼量,并且方便維護(hù)。