在設計網站樣式時，外部 CSS 文件是一個方便易用的工具。使用外部 CSS 文件，我們可以將大量的樣式規則保存在同一個文件中，并在需要的頁面中引用，這樣可以大大減少代碼的冗余度，提高網頁的加載速度。
在 Dreamweaver 中，導入外部 CSS 文件也非常簡單。我們只需要使用 <link> 標簽將外部 CSS 文件鏈接到我們的 HTML 文件中即可。這里提供一個樣例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的網頁</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello World!</h1>
<p>這是我的第一個網頁。</p>
</body>
</html>以上代碼中，<link> 標簽用于鏈接外部 CSS 文件，在 href 屬性中指定了待鏈接文件的路徑（“styles.css”代表當前 HTML 文件所在目錄下的文件名為“styles.css”的 CSS 文件），rel 屬性用于描述所鏈接文件的關系類型（這里是“stylesheet”，表示 CSS 樣式表），而 type 屬性用于指定所鏈接文件的 MIME 類型（text/css）。
當我們在 Dreamweaver 中打開此 HTML 文件時，樣式表的規則將自動應用到對應的元素上。此外，Dreamweaver 還提供了一個樣式面板，可以方便地編輯和管理樣式表文件。
上一篇css方法是什么
下一篇css無法使用字體顏色