CSS是一種層疊樣式表,用于定義HTML文檔的呈現。在編寫CSS時,我們通常會使用規則來定義網頁元素的樣式。其中,CSS規則由選擇器和聲明塊組成。而在CSS規則中,選擇器可以是類、ID或標簽。
.box { width: 200px; height: 200px; background-color: #ccc; }
上述代碼中,我們使用了類選擇器來定義一個名為.box的樣式規則。這樣所有擁有class="box"的HTML元素都會應用這個樣式。
#header { width: 100%; height: 50px; background-color: #333; }
這段代碼中,我們使用了ID選擇器來定義一個名為header的樣式規則。在HTML文檔中,ID必須是唯一的,這意味著只有一個元素可以擁有ID="header",并且這個樣式規則僅適用于這個元素。
a { color: #007fff; text-decoration: none; }
上述代碼中,我們使用了標簽選擇器來定義a標簽的樣式規則。這個樣式規則將適用于所有的a標簽。
當然,我們也可以使用復合選擇器來定義更具體的元素樣式。比如:
ul.nav li.active a { color: #fff; background-color: #007fff; text-decoration: none; }
上述代碼中,我們使用了復合選擇器來定義在一個ul元素內class為nav的li元素中class為active的a元素的樣式。這樣我們就可以精確地控制這些元素的外觀。
總之,CSS規則由選擇器和聲明塊組成,其中選擇器可以是類、ID或標簽,并且可以使用復合選擇器來更具體地控制元素樣式。我們需要靈活運用這些選擇器,才能寫出優秀的CSS樣式。
上一篇css視頻一直等比例
下一篇css控制文字豎排顯示