CSS（層疊樣式表）是一種用于規定 HTML 頁面樣式的語言。與 HTML 所表示的內容相比，CSS 更加注重頁面的外觀和布局。通過將 CSS 文件導入到 HTML 文件中，可以統一規定頁面的樣式，使得頁面的外觀更加美觀、布局更加整齊。
/* CSS 文件示例 */
body {
font-family: Arial, sans-serif; /* 設置全局字體 */
background-color: #f2f2f2; /* 設置頁面背景色 */
}
h1 {
font-size: 36px; /* 設置標題的字體大小 */
color: #333; /* 設置標題的字體顏色 */
text-align: center; /* 將標題居中對齊 */
}
p {
font-size: 18px; /* 設置段落文本的字體大小 */
line-height: 1.5; /* 設置行高 */
color: #666; /* 設置段落文本的字體顏色 */
margin-bottom: 20px; /* 設置下邊距 */
}
.box {
width: 200px; /* 設置盒子寬度 */
height: 200px; /* 設置盒子高度 */
background-color: #fff; /* 設置盒子背景色 */
border: 1px solid #ccc; /* 設置盒子邊框 */
margin: 0 auto; /* 設置盒子水平居中 */
}
.btn {
display: inline-block; /* 將按鈕設置為行內塊級元素 */
padding: 10px 20px; /* 設置按鈕內邊距 */
font-size: 16px; /* 設置按鈕字體大小 */
background-color: #007bff; /* 設置按鈕背景色 */
color: #fff; /* 設置按鈕字體顏色 */
border: none; /* 去掉按鈕邊框 */
border-radius: 4px; /* 設置按鈕圓角 */
text-decoration: none; /* 去掉按鈕下劃線 */
}可以將上述 CSS 代碼保存在一個單獨的 CSS 文件中，以便在需要修改樣式時更加方便。在 HTML 中使用<link>標簽導入 CSS 文件：
<head> <link rel="stylesheet" href="style.css"> </head>
要注意的是，需要將 CSS 文件與 HTML 文件放在同一文件夾下，或者設置正確的文件路徑。
在實際開發中，使用 CSS 可以實現很多效果，例如布局、字體、顏色、動畫等等。通過對 CSS 的深入學習和靈活應用，可以打造出更加精美的網頁。
下一篇css文件可以合并嗎