CSS（層疊樣式表）被廣泛地用于網頁設計中，可以讓網頁的樣式更加美觀、整潔。下面介紹CSS在頁面中的寫法：
/* 選擇器 */ 選擇器指定需要操作的HTML元素，有不同的選擇器： 標簽選擇器：通過HTML元素標簽名選擇元素 #id：通過元素id選擇元素 .class：通過元素class屬性選擇元素 *：選擇所有元素 [attr]：選擇具有這個屬性的元素 [attr=value]：選擇屬性為這個值的元素 選擇器也可以組合使用，提供更加靈活的選擇效果。 */ /* 屬性 */ 屬性設置了元素的樣式，例如顏色、大小、字體等。 /* 屬性值 */ 屬性值定義了CSS屬性的表現，有不同的值類型： 長度單位：像素（px）、百分比（%）、em等 顏色值：十六進制、RGB和RGBA值等 字體系列：例如字體名、斜體等 其它：例如背景、邊框等 */ /* 樣式規則 */ CSS樣式的基本結構是“樣式規則”，包括CSS選擇器和CSS屬性-值對。 /* 樣式表 */ 集成了所有樣式規則的文檔可以稱為“樣式表”，結構為： <head> <style> /* CSS樣式規則 */ </style> </head> */ /* 內聯樣式 */ 也可以使用內聯樣式直接在標簽中指定CSS樣式，內聯樣式的優先級較高： <div style="background-color: #f00;">內容</div> */ /* 外部樣式表 */ 外部樣式表可以將CSS代碼獨立出來，方便維護： <head> <link rel="stylesheet" href="style.css"> </head> */