CSS,全稱為層疊樣式表,是一種用來定義網頁上的內容在瀏覽器中如何呈現的語言。CSS可以分為多種類型,每種類型有其獨特的作用。
1. 內聯樣式:
<p style="color: red">這是紅色字體</p>
內聯樣式是在HTML元素上直接定義的樣式。它的優點是可以快速地修改某個元素的樣式,但不易維護。
2. 內部樣式表:
<head> <style> p { color: green; } </style> </head>
內部樣式表是在網頁頭部定義的樣式。它的優點是可以在同一文檔內使用相同的樣式,易于維護,但不易于重用。
3. 外部樣式表:
<head> <link rel="stylesheet" href="style.css"> </head>
外部樣式表是在單獨的CSS文件中定義的樣式。它的優點是易于維護、重用和更新,但需要調用外部文件,并需要服務器支持。
4. 嵌套樣式:
<style> ul li { color: blue; } </style>
嵌套樣式是在一個元素內的另一個元素上定義的樣式。它的優點是可以更精確地定位樣式,但對于大型網站,需要注意樣式層級的深度。
5. 選擇器:
<style> p:nth-child(2n) { font-weight: bold; } </style>
選擇器是一種定義樣式的方法。常用的選擇器有元素選擇器、類選擇器、ID選擇器、屬性選擇器等。它的優點是可以更方便地定義樣式,但需要注意選擇器的唯一性。