CSS樣式幫助文檔
CSS(Cascading Style Sheets)樣式表用于美化網頁，包括顏色、字體、布局等方面。本文檔將詳細介紹如何使用CSS樣式表。
基礎概念
CSS樣式表由3部分組成：選擇器(selector)、屬性(property)、屬性值(value)。其中，選擇器指定需要被修飾的HTML標簽，屬性決定修飾的方式，屬性值則為屬性的具體數值或狀態。
例如，以下代碼將修改所有p標簽的字體為宋體。
pre {
font-family: SimSun;
}
選擇器語法
CSS選擇器用于指定需要被修飾的HTML標簽，可以根據標簽類型、標簽屬性等不同方式進行選擇。
選擇器類型:
- 標簽選擇器：以標簽名稱作為選擇器，如p、h1等。
- 類選擇器：以“.”加類名作為選擇器，如類名為“box”的標簽選擇器為“.box”。
- ID選擇器：以“#”加id名作為選擇器，如id名為“header”的標簽選擇器為“#header”。
- 屬性選擇器：以標簽屬性作為選擇器，如屬性為“src”的標簽選擇器為“[src]”。
- 偽類選擇器：以標簽狀態作為選擇器，如鏈接標簽的狀態可以使用“:link”、“:hover”等選擇器修飾。
例如，以下代碼將修改所有類名為“box”的標簽字體為微軟雅黑。
pre {
.box {
font-family: Microsoft YaHei;
}
}
屬性和屬性值
CSS屬性用于決定修飾方式，屬性值則為屬性具體數值或狀態。
常見的CSS屬性和屬性值包括：
- 字體屬性：font-family、font-size、font-weight等
- 顏色屬性：color、background-color等
- 邊框屬性：border、border-width、border-style等
- 布局屬性：margin、padding、width、height等
以下代碼將修改所有p標簽的字體為微軟雅黑，大小為16px，加粗。
pre {
p {
font-family: Microsoft YaHei;
font-size: 16px;
font-weight: bold;
}
}
總結
CSS樣式表為網頁提供了美化的可能，通過選擇器和屬性的使用，開發者可以精確地調整每個HTML標簽的樣式。掌握CSS樣式表的使用，可以讓你的網頁更為美觀，也可以為用戶提供更好的用戶體驗。