要在網頁中使用樣式,通常需要使用 CSS (層疊樣式表)。然而,我們不需要將所有樣式都 寫在 HTML 中,而是可以在 HTML 網頁中引用外部樣式表。
引用外部 CSS 的方法非常簡單。我們只需要在 HTML 文檔的 head 部分添加一個 link 元素,指向存放 CSS 樣式的文件即可。
以下是一個簡單的例子。
這是一段需要樣式的文字。
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>這是一段需要樣式的文字。</p> </body> </html>在上面的例子中,我們添加了一個 link 元素,該元素的 href 屬性指向名為 style.css 的外部樣式表文件。 style.css 文件應該在與 HTML 文檔同一級目錄下。如果不在同一級目錄下,需要在 href 屬性中指定文件路徑。 這樣,所有與 "p" 標簽相關的 CSS 樣式都將被應用到頁面中的 "p" 標簽。 在開發和維護網站時,使用外部 CSS 是一個好習慣。這樣可以方便對樣式進行管理和調整,并且提高了代碼的復用性和可維護性。