在學(xué)習(xí)CSS的時(shí)候,我們經(jīng)常會(huì)聽到“CSS規(guī)則”的概念,那么CSS規(guī)則是由什么兩部分組成的呢?
selector { property: value; }
上面這段代碼就是一個(gè)CSS規(guī)則。可以看到,它由兩部分組成:選擇器和聲明塊。
選擇器
選擇器是用來匹配HTML元素的,它指定了選擇的元素的樣式規(guī)則的范圍。比如說,我們想將所有的h1標(biāo)題字體設(shè)為紅色,就可以使用以下選擇器:
h1 { color: red; }
這里,選擇器“h1”選擇了所有的h1標(biāo)題元素。
聲明塊
聲明塊是由一系列CSS屬性和屬性值組成的,它規(guī)定了所選元素的具體樣式。比如說,我們想將所有的h1標(biāo)題字體設(shè)為紅色和加粗,就可以使用以下聲明塊:
h1 { color: red; font-weight: bold; }
以上就是CSS規(guī)則由選擇器和聲明塊兩部分組成的全部內(nèi)容。選擇器和聲明塊的組合可以實(shí)現(xiàn)非常復(fù)雜的樣式效果。當(dāng)然,還有很多其它的規(guī)則和概念需要學(xué)習(xí),學(xué)好CSS需要不斷實(shí)踐和深入理解。