CSS(層疊樣式表)是一種描述網頁樣式的語言。以下是 CSS 的一些常見術語和屬性:
p { color: blue; font-size: 16px; margin: 10px; } /* 選擇器 */ 選擇器是指 CSS 中用來選擇要應用樣式的 HTML 元素。在上面的代碼中,p 選擇器將樣式應用到所有的元素。
#header { background-color: black; color: white; padding: 10px; } /* ID 選擇器 */ ID 選擇器通過給元素指定一個唯一的 ID 來選擇元素。在上面的代碼中,#header 選擇器將樣式應用到 ID 為 "header" 的元素。.box { border: 1px solid black; width: 100px; height: 100px; } /* 類選擇器 */ 類選擇器通過給元素指定一個類來選擇元素。在上面的代碼中,.box 選擇器將樣式應用到所有的類名為 "box" 的元素。a { color: blue; text-decoration: none; } a:hover { color: red; } /* 偽類選擇器 */ 偽類選擇器是指用來選擇元素的特殊狀態,比如鏈接的鼠標懸停狀態(:hover)等。在上面的代碼中,a:hover 選擇器將樣式應用到鼠標懸停在鏈接上時的狀態。body { font-family: Arial, sans-serif; } /* 屬性 */ 屬性是指在樣式中設置的屬性,比如顏色、邊框、寬度等。在上面的代碼中,font-family 是一個屬性,將應用 Arial 字體。@media screen and (max-width: 600px) { body { font-size: 14px; } } /* 媒體查詢 */ 媒體查詢是指通過 CSS 中的 @media 規則來應用不同的樣式,比如在不同屏幕尺寸上顯示不同的樣式。在上面的代碼中,當屏幕寬度小于 600px 時,將應用一個更小的字體大小。
下一篇css的實驗心得