CSS(層疊樣式表)是一種用于定義網頁樣式的語言,它可以讓我們將HTML文檔的外觀和樣式與結構分離開來。
CSS樣式可以分為以下幾種類型:
1. 內部樣式表 內部樣式表是放在HTML文件的<head>標簽中,并用<style>標簽引入的css樣式表。 示例代碼: <head> <style> p { color: red; } </style> </head> 2. 外部樣式表 外部樣式表是獨立的.css文件,可以在多個HTML文件中重用。使用<link>標簽將CSS樣式表鏈接到HTML文件中。 示例代碼: <head> <link href="style.css" rel="stylesheet" type="text/css" /> </head> 3. 行內樣式 行內樣式是在HTML標記中使用的樣式,用于在特定的標簽上定義樣式。 示例代碼: <p style="color: red">這是一段紅色文字</p> 4. CSS選擇器 CSS選擇器允許我們通過元素、類、ID等屬性來選擇HTML元素,并對其應用樣式。 示例代碼: p {color: red;} /* 選擇所有的p標簽 */ #header {font-size: 20px;} /* 選擇id為header的元素 */ .menu-item {color: blue;} /* 選擇class為menu-item的元素 */
總結來說,CSS樣式可以分為內部樣式表、外部樣式表和行內樣式,同時也可以使用CSS選擇器來選定要應用樣式的HTML元素。