在網頁設計中，引入外部 CSS 文件是非常重要的。這樣可以使樣式表與 HTML 文檔分離，使 HTML 文檔更加清晰簡潔，易于維護。本文將介紹如何添加外部 CSS 文件。
首先，我們需要創建一個新的 CSS 文件。可以使用任何文本編輯器，比如 Notepad、Sublime Text、Atom、Visual Studio Code 等等。在你的編輯器中，創建一個新的文件，并將其保存成一個 .css 文件。
接著，在 HTML 文檔中添加以下代碼：
<!DOCTYPE html> <html> <head> <title>示例頁面</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>歡迎來到示例頁面</h1> <p>在這里，我們可以添加一些文本來展示我們的樣式</p> </body> </html>在以上代碼中，我們添加了一個鏈接標簽，指向我們創建的 styles.css 文件。該鏈接標簽應該放在 <head> 標簽之間。這意味著，當瀏覽器加載 HTML 頁面時，它也會加載 CSS 文件，從而對頁面應用樣式。 現在，我們需要編輯 styles.css 文件，向其中添加樣式規則。下面是一個例子：
p {
color: red;
font-size: 20px;
}在以上代碼中，我們定義了一個 p 標簽的樣式規則，使其文字顏色變為紅色，文字大小為 20px。
最后，將 styles.css 文件保存到與 HTML 文件同一目錄下。當你刷新 HTML 頁面時，你會看到添加的樣式已經生效了！
總之，引入外部 CSS 文件是一個非常便捷、有用的網頁設計技術。我們只需要創建一個 CSS 文件，然后用鏈接標簽將其鏈接到 HTML 文檔中。這樣可以使 HTML 文檔更加簡潔、易于維護，并且可以使樣式更具有可重用性。上一篇mysql兩個表的連接
下一篇jquery a 禁用