如何使用標記來定義與外部資源的關係?


HTML 中使用 <link> 標記來定義與外部資源的關係。用於連結外部樣式表。它被新增到 <head>…<head> 標記內,但沒有關閉標記。在其中定義您的外部 CSS 檔案。

單獨建立的 CSS 檔案將包含所有 CSS 程式碼。href 屬性添加了 CSS 檔案連結。

您可以嘗試執行以下程式碼,在 HTML 中包含外部 CSS。HTML 檔案位於此處,包含指向 CSS 檔案 style.css 的連結

示例

線上演示

<!DOCTYPE html>
<html>
   <head>
      <link rel="stylesheet" href="mystyles.css">
   </head>
   <body>
      <h1>Heading</h1>
      <p>This is demo content.</p>
   </body>
</html>

包含 CSS 程式碼的 CSS 檔案 mystyles.css

h1
 { color: green; }
p
 { font-size: 14px; }

更新於: 2019-10-04

191 次瀏覽

開啟您的 職業

透過完成課程來獲得認證

開始
廣告
© . All rights reserved.