CSS是前端開發中不可或缺的一部分，我們可以使用CSS樣式在網頁中增加美觀的效果。本文將向大家介紹如何使用外部樣式表，方便我們在多個頁面中共享相同的樣式。
首先，我們需要創建一個CSS文件，使用后綴名為.css，例如“style.css”。在這個文件中，我們可以定義各種CSS樣式規則，比如：
body {
background-color: #F5F5F5;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
font-size: 32px;
text-align: center;
margin-top: 50px;
margin-bottom: 20px;
}這是一個簡單的例子，我們定義了body背景顏色和字體，以及h1元素的顏色、字體大小、居中顯示和上下邊距。
我們將這些規則保存在CSS文件中，在HTML文件中使用<link>標簽來引入CSS文件。例如：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
這個標簽告訴瀏覽器在解析HTML文件的時候去加載“style.css”文件，并應用其中的規則。這種方法有很多好處，例如：
1.樣式定義集中管理，方便維護。在多個頁面中使用相同的樣式，我們只需要修改一次CSS文件即可。
2.減少HTML文件大小。如果我們在HTML文件中定義所有的樣式規則，那么文件會變得很大，影響加載速度。
3.有利于SEO。網頁的排名不僅與內容相關，還與頁面加載速度和結構有關。使用外部樣式表可以減少HTML文件大小，提高頁面加載速度，對于搜索引擎的優化有很大幫助。
總之，使用外部樣式表可以提高代碼可維護性、加載速度，同時對于網站的SEO有幫助。