CSS(Cascading Style Sheets)是一種樣式表語言,用于控制網頁的呈現樣式,包括文字、顏色、布局、字體等。CSS 通過將樣式與 HTML 源代碼分離,讓網頁設計師更容易控制頁面的樣式和布局。
/* 通過選擇器控制 html 元素樣式 */ p { font-size: 16px; line-height: 1.5; color: #333; } /* 通過 id 選擇器控制特定元素樣式 */ #title { font-size: 24px; font-weight: bold; color: #000; } /* 通過 class 選擇器控制一組元素樣式 */ .highlight { background-color: yellow; color: #333; font-weight: bold; }
在 CSS 中,我們可以根據元素的標簽、類名、ID 等屬性來選中某個或某些 HTML 元素,并定義它們的樣式。比如,通過選擇器 p,我們可以控制所有段落的字體大小、行高和顏色;通過選擇器 #title,我們可以控制元素 ID 為 title 的標題的字體大小、顏色和粗細;通過選擇器 .highlight,我們可以控制所有類名為 highlight 的元素的背景色、字體顏色和加粗程度。
除了基本的樣式定義,CSS 還支持各種樣式特性,如繼承、優先級、盒模型等。通過使用這些特性,我們可以更精細地控制元素的樣式,實現更漂亮的網頁設計。