CSS全稱為層疊樣式表,是一種用于設置網頁樣式的語言,主要用于控制網頁的布局、顏色、字體、大小、邊框等方面。
CSS的根本思想是通過樣式規則將樣式應用于HTML文檔中的元素,這些元素可以是HTML標簽或CSS選擇器所選定的任意元素。CSS規則由選擇器和聲明組成,而聲明包含了一個或多個屬性,以及這些屬性對應的值。
選擇器是用于選擇要應用樣式的HTML元素的名稱、ID、類別等。不同的選擇器對應不同的元素,通過CSS規則,我們可以將同一類元素的樣式按照需求統一設置。
/* 以元素名稱為選擇器的樣式設置 */ p { font-size: 16px; color: #333; } /* 以元素ID為選擇器的樣式設置 */ #header { background-color: #eee; } /* 以元素class為選擇器的樣式設置 */ .button { background-color: #4CAF50; color: white; }
在聲明中,屬性控制了要設置的樣式,具體包括字體大小、顏色、背景、邊框、內外邊距等。屬性值則用于描述具體的樣式細節。不同的屬性和屬性值可以組合使用,以達到更加精細的樣式控制。
/* 設置字體大小、顏色、行高和字體樣式 */ p { font-size: 18px; color: #333; line-height: 1.5; font-style: italic; } /* 設置背景顏色和邊框 */ .box { background-color: #eee; border: 1px solid #ccc; } /* 設置內外邊距 */ .padding { padding: 20px; } .margin { margin: 10px; }
總之,CSS是一種強大的樣式控制語言,通過選擇器和聲明的組合,可以實現超過HTML本身的樣式設置效果,讓網頁看上去更加美觀和舒適。