CSS是一種用于網頁設計的樣式表語言,其全稱為Cascading Style Sheets(層疊樣式表)。JavaScript可以控制HTML的行為和內容,而CSS則可以控制HTML的樣式和表現效果。表示代碼的pre標簽可用于展現樣式表中的規則。
p { color: blue; font-size: 14px; }
在上面的代碼中,p代表HTML中的段落元素。CSS規則由選擇器、屬性和值組成,上述代碼中的選擇器是p,屬性為color和font-size,取得的值分別為blue和14px。
CSS提供了各種方式來選擇HTML元素,以便根據各種條件設置樣式。例如,我們可以根據元素的類型、ID、類別或其他屬性進行選擇。下面是一些表示各種選擇器的例子:
/* 根據元素類型選擇 */ h1 { color: red; } /* 根據元素ID選擇 */ #main { background-color: gray; } /* 根據元素類別選擇 */ .container { border: 1px solid black; } /* 根據元素屬性選擇 */ a[] { color: blue; }
通過使用這些選擇器,我們可以精確地定位要應用樣式的HTML元素,并為它們設置一系列屬性和值,從而獲取所需的視覺外觀。