網路與介面
CSS · 層疊樣式表
/ see-ess-ESS /
CSS(層疊樣式表)是給網頁「上妝」的語言——顏色、字體、間距、版面都歸它管。如果說 HTML 是骨架,那 CSS 就是皮膚和衣服:它接過那副樸素的結構,決定每樣東西到底長什麼樣。
你把 CSS 寫成一條條「規則」。每條規則先挑出頁面上的某個東西(叫「選擇器」),再設定它的屬性:把所有標題改成深藍色、給段落一個舒服的行距、讓導覽排成一列。改一條規則,所有符合的元素就一起跟著變。
「層疊」是它聰明的地方:當好幾條規則都作用在同一個元素上時,CSS 有一套清楚的優先順序來決定誰說了算。正因如此,整個網站才能保持一致的外觀,同時又允許你在需要時只覆蓋某一個按鈕、某一個頁面。
h1 {
color: navy;
font-size: 2rem;
}一條規則:把每個 <h1> 標題改成藏青色,並稍微調大。
HTML 和 CSS 是故意分工的——結構放一處,外觀放另一處。正因如此,你才能徹底改換一個網站的樣式,卻完全不動它的內容。
又稱
另見