CSS按鍵(CSS selectors)是一種標記語言,用于定義網頁的樣式和布局。按鍵可以根據元素的名稱、類別、屬性和位置來選擇元素并設置樣式。CSS按鍵共有三種:元素選擇器、類別選擇器和ID選擇器。
元素選擇器(Element Selectors)
p { color: red; font-size: 20px; }
元素選擇器是最基本的CSS按鍵,以元素名稱作為標識符。上述代碼表示選擇所有
元素并設置紅色顏色和20px字體大小。
類別選擇器(Class Selectors)
.highlight { background-color: yellow; font-weight: bold; }
類別選擇器以 "." 作為標識符,可根據元素的class屬性值進行選擇。上述代碼表示選擇class屬性值為"highlight"的元素并設置黃色背景和加粗字體。
ID選擇器(ID Selectors)
#header { background-color: blue; border: 1px solid black; }
ID選擇器以 "#" 作為標識符,可根據元素的id屬性值進行選擇。上述代碼表示選擇id屬性值為"header"的元素并設置藍色背景和1px黑色邊框。