CSS是層疊樣式表的簡稱,用于控制網頁的外觀和布局。它是一種語言,可以將HTML文檔中的各種元素進行樣式化處理,比如字體、顏色、邊框、背景、布局等等。
在HTML中,我們可以使用內聯樣式來定義元素的樣式:
<p style="color: red; font-size: 18px;">這是一段紅色、18像素的文字</p>
但這種做法不僅繁瑣,而且難以維護。因此,我們通常將樣式定義在一個CSS文件中,然后通過HTML中的鏈接引入。
<!-- 在中引入CSS文件 --> <head> <link rel="stylesheet" href="style.css"> </head>
在CSS中,我們可以通過選擇器選擇要樣式化的元素:
/* 將所有h1元素變為藍色 */ h1 { color: blue; } /* 將id為content的元素變為白色背景黑色文字 */ #content { background-color: white; color: black; } /* 將類名為highlight的元素添加黃色背景 */ .highlight { background-color: yellow; }
CSS還有許多高級用法,比如盒模型、浮動、定位、動畫等等,可以為網頁增加更多的交互和美感。因此,掌握CSS是成為一名前端工程師的必備技能之一。