CSS是一種用于美化HTML頁面的樣式表語言。通過CSS,我們可以修改頁面元素的樣式,如字體、顏色、大小,甚至是元素的位置和形狀。下面是一些關于如何在HTML頁面中使用CSS的基本步驟。
<!DOCTYPE html>
<html>
<head>
<title>添加CSS樣式表</title>
<style>
/* 在這里編寫你的CSS樣式規則 */
</style>
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落</p>
</body>
</html>
以上是一個簡單的HTML頁面,在其中添加CSS樣式表的步驟如下:
1. <head>標簽中添加<style>標簽。
<head>
<title>添加CSS樣式表</title>
<style>
/* 在這里編寫你的CSS樣式規則 */
</style>
</head>
2. 在<style>標簽中添加CSS樣式規則。
<style>
h1 {
color: red;
}
p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 20px;
}
</style>
3. 在HTML頁面中應用CSS樣式。
在樣式規則中,選擇器選擇了頁面中的h1和p元素,并應用了一些樣式屬性。接下來,需要將這些樣式應用到HTML元素,以使得網頁可以呈現出期望的效果。
<h1>這是一個標題</h1>
<p>這是一個段落</p>
以上就是使用CSS樣式表為HTML頁面添加樣式的基本步驟和示例代碼。