CSS(層疊樣式表)是一種用于定義HTML文檔中元素樣式的語言，它為網頁布局和設計提供了強大的功能和靈活性。在這篇文章中，我們將介紹如何使用CSS來制作靜態網頁。
首先，我們需要創建一個HTML文檔，并添加一些內容。例如，我們可以使用以下代碼創建一個包含標題、段落和圖像的簡單HTML頁面。
<!DOCTYPE html> <html> <head> <title>我的靜態網頁</title> </head> <body> <h1>歡迎來到我的網頁</h1> <p>這是我的第一個靜態網頁，我正在使用CSS來美化它。</p> <img src="image.jpg" alt="我的圖片"> </body> </html>
現在我們可以使用CSS樣式來修改網頁外觀。在HTML文檔的頭部，使用<style>標簽來添加CSS樣式。
<style>
/* 設定頁面背景顏色 */
body {
background-color: #f0f0f0;
}
/* 設定標題樣式 */
h1 {
color: #000;
font-size: 36px;
text-align: center;
}
/* 設定段落樣式 */
p {
color: #333;
font-size: 18px;
line-height: 1.5;
margin: 20px;
}
/* 設定圖片樣式 */
img {
display: block;
margin: 0 auto;
max-width: 100%;
}
</style>在上面的例子中，我們設定了頁面的背景顏色、標題的文字顏色、大小和居中對齊方式，還設定了段落的文字顏色、大小、行高和外邊距，最后設定了圖片的樣式，包括居中對齊和最大寬度。
現在，我們已經成功的使用CSS創建了一個簡單的靜態網頁。這只是CSS的基礎，通過更多的練習和學習，我們可以不斷提高我們的CSS技能，創建更加美麗和功能豐富的靜態網頁。