CSS是Cascading Style Sheets的縮寫,是一種用于描述文檔樣式的語言。CSS的核心內容包括選擇器、屬性和值。
選擇器用于選擇需要設置樣式的元素,可以選擇HTML中的標簽、類、ID等,例如:
p { color: red; } .box { width: 200px; height: 200px; } #header { font-size: 24px; }
上述代碼中,p、.box、#header 分別是選擇器,用于選擇HTML中的元素。其中,p選擇了所有的
標簽,.box選擇了帶有class="box"的元素,#header選擇了id="header"的元素。
屬性是針對選擇器選擇的元素設置的樣式屬性,可以設置顏色、邊框、字體、背景等等。例如:
p { color: red; text-align: center; font-size: 16px; } .box { width: 200px; height: 200px; border: 1px solid #ccc; background-color: #f5f5f5; } #header { font-size: 24px; font-weight: bold; }
上述代碼中,color、text-align、font-size、border、background-color、font-weight分別是不同的屬性。color用于設置文本顏色,text-align用于設置文本排列方式,font-size用于設置字體大小,border用于設置邊框,background-color用于設置背景顏色,font-weight用于設置字體粗細等等。
值是屬性的具體取值,例如顏色可以設置為red、#f00、rgb(255,0,0)等等。不同屬性可以取不同的值。例如:
p { color: red; text-align: center; font-size: 16px; } .box { width: 200px; height: 200px; border: 1px solid #ccc; background-color: #f5f5f5; } #header { font-size: 24px; font-weight: bold; }
上述代碼中,red、#f00、rgb(255,0,0)分別是顏色屬性color的取值,16px、24px分別是字體大小屬性font-size的取值,#ccc和#f5f5f5分別是顏色屬性border和background-color的取值,bold是字體粗細屬性font-weight的取值。
總之,CSS的核心內容包括選擇器、屬性、值,通過這三者的組合,可以定義出豐富多彩的樣式。