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

<link> 標記在HTML中用於定義與外部資源的關係。它用於連結外部樣式表。它被新增到<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; }

更新時間：04-Oct-2019

191 次觀看

開啟你的 職業生涯

完成課程，取得認證

開始
廣告
© . All rights reserved.