CSS 外觀和 HTML 外觀是 Web 開發中的兩個重要概念。HTML 負責網頁的結構和內容，CSS 則負責網頁的外觀和樣式。CSS 可以對網頁中的元素進行各種各樣的樣式設置，從而實現豐富多彩的視覺效果。
<!DOCTYPE html>
<html>
<head>
<style>
/*通過 CSS 設置標題樣式*/
h1 {
color: blue;
font-size: 26px;
text-align: center;
}
/*通過 CSS 設置段落樣式*/
p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 20px;
}
/*通過 CSS 設置鏈接樣式*/
a {
color: red;
text-decoration: underline;
}
</style>
</head>
<body>
<h1>歡迎來到我的網站</h1>
<p>這是我的網站首頁，歡迎大家來訪問。</p>
<p>如果你想了解更多關于我的信息，可以訪問我的 <a href="about.html">關于頁面</a>。</p>
</body>
</html>上面的代碼演示了如何通過 CSS 設置標題、段落和鏈接的樣式。其中，h1 元素被設置為藍色、26px 的字號和居中對齊，p 元素被設置為18px 的字號、1.5 倍行高和20px 的下邊距，a 元素被設置為紅色和有下劃線的文本裝飾。
通過使用 CSS，我們可以輕松地改變網頁的外觀，使其更加美觀和易于閱讀。同時，CSS 也可以提高網頁的可維護性和可擴展性，使我們能夠更好地管理大型項目。