在學習 CSS 時,我們不得不學習 CSS 的選擇器。選擇器用于選取需要樣式化的 HTML 元素,從而改變它們的樣式。CSS 的選擇器有很多種,這里我們來了解一下最基本的幾種選擇器。
/* 標簽選擇器 */
p {
color: red;
}
/* ID 選擇器 */
#header {
background-color: gray;
}
/* 類選擇器 */
.intro {
font-size: 20px;
}
首先是標簽選擇器,用于選擇指定的 HTML 元素。在樣式中指定元素的名稱,例如選擇所有段落元素時,可以使用 p 選擇器。在上面的代碼示例中,我們可以看到 p 選擇器被用于改變所有段落的文字顏色為紅色。
接下來是 ID 選擇器,用于指定某個 HTML 元素的唯一標識符。通過在元素的 id 屬性中添加一個唯一標識符,并在 CSS 樣式中使用 # 標記來引用該元素。在上面的代碼中,我們看到了一個被稱為“header”的元素,通過 ID 選擇器來改變它的背景顏色為灰色。
最后是類選擇器,用于指定某個 HTML 元素的一個或多個類名。通過在元素的 class 屬性中添加類名,并在 CSS 樣式中使用 . 標記來引用該元素。在上面的代碼示例中,我們可以看到使用類選擇器“intro”來改變字體大小為 20px 的元素。
上一篇做css動畫的工具
下一篇做網頁css樣式無從下手