ホームページ > 記事 > ウェブフロントエンド > HTMLとCSSを接続する方法

HTMLとCSSを接続する方法

下次还敢オリジナル: 2024-04-11 12:18:20651ブラウズ

HTML で CSS に接続するには、主に 2 つの方法があります: \ セクションの \ 要素を使用し、接続先のスタイルシートの URL を指定します。 CSS コードを \ 要素内に直接記述します。どちらの方法にも長所と短所があり、ほとんどの場合、 \ 要素を使用して外部スタイルシートに接続する方法が推奨されます。

HTMLとCSSを接続する方法

#HTML で CSS に接続する方法

HTML で CSS に接続するには、主に 2 つの方法があります:

方法 1: \ セクション内の \ 要素を使用します

<code class="html"><head>
  <link rel="stylesheet" href="styles.css">
</head></code>

要素には接続するスタイルシートのURLを指定します。
rel="stylesheet" 属性は、ファイルがスタイルシートであることを示します。

方法 2: \ 要素内に CSS コードを記述します

<code class="html"><head>
  <style>
    body {
      background-color: red;
    }
  </style>
</head></code>