CSS是Cascading Style Sheets的縮寫,即層疊樣式表。它可以描述HTML文檔中的元素如何被展現,比如背景色、字體、大小和位置等等。CSS通常被保存在一個.css文件中,當HTML文檔被加載時,瀏覽器會同步加載CSS文件,并且將其應用到HTML文檔中的元素。
/*這是一個簡單的CSS樣式表*/ p { color: red; /*p元素的文本顏色*/ font-size: 20px; /*p元素的字體大小*/ margin-bottom: 20px; /*p元素和下一個元素之間的距離*/ }
在HTML文檔中應用CSS只需要使用<link>標簽將CSS文件鏈接到HTML文檔中即可。具體步驟如下:
- 新建一個.css文件,并保存到你的項目文件夾中。
- 在HTML文件頭部的<head>標簽中添加如下代碼:<link rel="stylesheet" type="text/css" href="你的CSS文件路徑">。
- 在HTML文件中的元素上添加class或id屬性,并在CSS文件中編寫相應的樣式,即可使CSS樣式應用到HTML元素上。
例如,我們需要使id屬性為"my-paragraph"的<p>元素顯示為紅色、字體大小為20px、距離下一個元素20px,則代碼如下:
/*CSS文件中的代碼*/ #my-paragraph { color: red; font-size: 20px; margin-bottom: 20px; }
HTML文件中的代碼:
<p id="my-paragraph">這是一個使用CSS樣式的段落。</p>
使用CSS可以讓你更加方便地控制HTML文檔中各個元素的外觀和布局,使網頁更加美觀、易讀。不過,在編寫CSS樣式的時候需要謹慎,保持代碼整潔、易讀、易維護。