link要素

link要素は、外部リソースへのアクセス際に使用される要素になりhaad要素内に記述します。

link要素の説明図
link要素
記法

<link href=”スタイルシートのリンクパス” rel=”stylesheet” />

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="./css/main.css" rel="stylesheet" />
    <title>link要素に関して</title>
  </head>

  <body>
    <p class="bg-color">こんにちは</p>
  </body>
</html>
.bg-color {
 background-color: beige; 
}
出力結果

こんにちは