通過連接外部 css 文件,可以將樣式信息與 html 文檔分離開,從而提高代碼的可重用性和維護性。具體步驟包括:創建一個外部 css 文件,并編寫 css 樣式;在 html 文檔的
部分,使用 <link> 元素將 css 文件鏈接到 html,并確保 href 屬性的值為外部 css 文件的正確路徑。
如何使用 HTML 鏈接外部 CSS
鏈接外部 CSS 是使用 HTML 將樣式信息與 HTML 文檔分離開的常用技術。這樣做可以提高代碼的可重用性和維護性。
步驟:
創建外部 CSS 文件:
創建一個具有 .css
擴展名的文本文件。
在該文件中編寫 CSS 樣式。
將 CSS 文件鏈接到 HTML:
在 HTML 文檔的 部分,使用
<link>
元素將 CSS 文件鏈接到 HTML。
<code class="html"> <link rel="stylesheet" href="path/to/style.css"></code>
登錄后復制
確保將 href
屬性的值替換為外部 CSS 文件的正確路徑。
示例:
假設外部 CSS 文件名為 style.css
,它位于 HTML 文件所在文件夾的 css
子文件夾中,則 HTML 代碼如下:
<code class="html"> <link rel="stylesheet" href="css/style.css"></code>
登錄后復制
注意:
外部 CSS 文件可以與 HTML 文件位于同一文件夾或不同的文件夾中。
確保 CSS 文件的路徑正確,否則會導致樣式無法應用。
可以鏈接多個外部 CSS 文件到同一個 HTML 文檔。