CSS(Cascading Style Sheets)是 HTML 的一種樣式表語言,用于控制網頁中文本、布局、顏色、背景等方面的樣式。在 CSS 中,樣式通常使用選擇器來指定 HTML 中特定的元素,然后使用屬性來設置其外觀。CSS 的主要目的是分離文檔的內容(HTML)和表現(CSS),以便更好地管理和優化網站設計。
CSS 中的樣式分為內聯、嵌入式和外部樣式表三種,其中外部樣式表是最常用的一種。外部樣式表通常被保存為一個 .css 文件。要將樣式表鏈接到 HTML 中,需要在 HTML 的 head 部分中添加以下代碼:
<head> <link rel="stylesheet" href="styles.css"> </head>
此時,HTML 中的所有元素都將使用樣式表中定義的樣式。
樣式表中的選擇器用于指定哪些 HTML 元素應使用哪些樣式。例如,以下選擇器將更改所有段落元素的字體顏色:
p { color: blue; }
此時,所有段落的字體顏色都將更改為藍色。如果您只想更改某些特定的段落元素,可以使用類選擇器或 ID 選擇器。例如:
<p class="important"> This paragraph is important. </p> .important { font-weight: bold; }
這將使帶有“important”類的段落元素變粗,而不會影響其他段落元素。
CSS 還支持偽類和偽元素選擇器,用于控制 HTML 元素的特定狀態或某些特定部分的樣式。例如,:hover 偽類選擇器可以更改鼠標懸停在元素上時的樣式:
button:hover { background-color: yellow; }
當鼠標懸停在按鈕上時,按鈕的背景顏色將更改為黃色。
總之,CSS 是控制網頁外觀的重要工具,使網頁設計更加高效和靈活。對于新手來說,理解基本的選擇器和屬性是開始的好方法。