CSS（Cascading Style Sheets）是一種Web頁面風格標準，可幫助開發人員樣式化HTML元素。在Web開發中，使用CSS可以實現網站的美化和布局。畢竟，好的外觀是Web界面的重要組成部分。
在靜態頁面模板中，CSS樣式通常通過一個外部文件進行定義。為了確保CSS樣式在所有頁面中具有一致的外觀，最好將CSS代碼放在獨立的文件中。這樣做還可以減少HTML文件的大小，更好地分離網站的結構和外觀。
以下是一個簡單的例子，演示如何在HTML中使用CSS樣式：
/*定義樣式*/
body{
background-color: #F5F5F5;
font-family: Arial, sans-serif;
}
h1{
color: #333;
text-align: center;
}
p{
color: #666;
font-size: 1.2em;
margin: 0 auto;
max-width: 600px;
}在上面的代碼中，我們定義了三個元素的樣式：body，h1和p。在body中，我們設置了背景顏色和字體。在h1中，我們將標題居中并設置了文本顏色。在p中，我們設置了文本顏色，字體大小，并將線框限制在600像素內居中顯示。
一旦我們定義了這些樣式，我們可以在HTML文件中使用它們，例如：
<body> <h1>歡迎來到我的網站!</h1> <p>這里是一個漂亮的靜態頁面模板，我們可以用它來搭建自己的網站。</p> </body>
在上面的代碼中，我們應用了定義的CSS樣式到網頁中的body，h1和p元素。這使得我們的網頁風格更加統一。
總之，使用CSS樣式可以幫助我們美化以及優化我們的靜態頁面模板，正如HTML標記語言一樣。我們可以為不同類型的元素設置樣式，使頁面看起來更整潔、美觀、易讀、易操作。
下一篇css樣式鏈入式