級聯式樣表(Cascading Style Sheets, CSS) 是一種Web設計的最基本元素。它用來控制多個HTML元素的樣式。CSS的最基本用法就是級聯式(Cascading)。級聯式可以幫助我們在多個樣式中選擇最適合的一個樣式。
/* CSS代碼段 */ /* 該段代碼將改變頁面內容字體的樣式和顏色 */ body { font-family: Arial, sans-serif; /* 指定字體為Arial或者sans-serif */ color: #333; /* 指定字體顏色為黑 */ } /* 指定所有h1元素的樣式 */ h1 { font-size: 32px; /* 改變標題字體大小 */ color: #0066CC; /* 改變標題字體顏色 */ text-align: center; /* 將標題居中 */ } /* 指定所有p元素的樣式 */ p { font-size: 16px; /* 改變段落字體大小 */ line-height: 24px; /* 改變段落行高 */ color: #666; /* 改變段落字體顏色 */ }
在上面的代碼中,我們可以看到樣式表中的"body"、"h1"、"p"選擇器。這些選擇器可以幫助我們控制多個HTML元素的樣式,而不必為每個元素編寫相同的CSS樣式。
此外,在CSS中,我們可以使用不同的選擇器,例如類選擇器、ID選擇器、子元素選擇器等,來更精確地控制不同的元素。
總之,CSS提供了一種簡單但強大的方式來控制Web上的視覺效果。掌握好CSS的基礎用法,可以讓我們更高效地編寫網頁代碼。