HTMLとCSSを接続する方法-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLとCSSを接続する方法

下次还敢

Apr 11, 2024 pm 12:18 PM

css

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

HTMLとCSSを接続する方法

#HTML で CSS に接続する方法

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

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

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

ログイン後にコピー

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

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

<head>
  <style>
    body {
      background-color: red;
    }
  </style>
</head>

ログイン後にコピー