CSS 基礎教程 CSS（層疊樣式表）是一種用于描述網頁布局和樣式的語言。通過 CSS，我們可以控制網頁中元素的樣式、大小、顏色、位置等。在這個基礎教程中，我們將學習 CSS 的基礎知識和語法。 CSS 樣式的語法 在 CSS 中，我們通過選擇器來定位網頁中的元素，然后通過屬性指定這些元素的樣式。以下是一個簡單的 CSS 代碼示例：

p {
color: red;
font-weight: bold;
}

在上面的代碼中，我們使用了 p 選擇器來選擇所有的段落元素。然后，我們指定這些段落元素的字體顏色為紅色并且加粗。 CSS 選擇器 在 CSS 中，我們有各種不同類型的選擇器可以用來定位網頁中的元素。以下是一些常見的選擇器： - 標簽選擇器：使用標簽名稱選擇元素。例如，p 選擇所有的段落元素。 - 類選擇器：使用 .class-name 選擇具有相同類名的元素。例如，.red 選擇所有類名為 red 的元素。 - ID 選擇器：使用 #id-name 選擇具有相同 ID 名稱的元素。例如，#header 選擇具有 ID 名稱為 header 的元素。 - 屬性選擇器：使用 [attribute=value] 選擇具有相同屬性值的元素。例如，[type='submit'] 選擇所有 type 屬性值為 submit 的元素。 CSS 屬性 在 CSS 中，我們有許多不同類型的屬性可以用來控制網頁中的元素。以下是一些常見的屬性： - color：控制文本的顏色。 - font-size：控制文本的大小。 - font-weight：控制文本的粗細。 - background-color：控制元素的背景顏色。 - width 和 height：控制元素的寬度和高度。 - margin 和 padding：控制元素的外邊距和內邊距。 結論 在本文中，我們介紹了 CSS 的基礎知識和語法。通過學習這些知識，您可以開始探索更高級的 CSS 技術，并創建出更加美觀和富有交互性的網頁。