CSS(層疊樣式表)是一種用于樣式和格式化網頁的技術。CSS可以將HTML文檔中的元素樣式和位置進行精確控制。CSS 可以定義布局,顏色,字體樣式以及其它頁面外觀相關的樣式。
CSS的樣式應用于HTML元素,可以使用元素的class或id屬性指定樣式。一個class可以應用于多個元素,而一個元素只能有一個id。每個CSS樣式定義包括一個屬性和一個值,例如:color:red; 其中color是屬性,red是值。
#header{ background-color: #333; height: 60px; color: #FFF; font-size: 20px; }
上面的代碼定義了一個id為“header”的元素的樣式,將背景顏色設置為深灰色,高度設置為60像素,字體顏色設置為白色,字體大小設置為20像素。
CSS也可以使用層疊規則來確定元素樣式的優先級。具有相同選擇器權重的規則將遵循其在CSS文件中的順序。如果多個規則具有相同的選擇器和權重,則后面的規則將覆蓋前面的規則。
.text{ font-size: 12px; color: #333; } #header .text{ font-size: 16px; }
上面的代碼定義了一個class為“text”的元素的樣式,將字體大小設置為12像素,字體顏色設置為淺灰色。其中id為“header”的元素內class為“text”的元素字體大小被覆蓋為16像素。
總之,CSS提供了強大的樣式和格式化控制,使得網頁的排版和外觀更加靈活和美觀。
上一篇css漸變色由內向外
下一篇css的樣式表有