简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

HTMLとCSSを接続する方法

下次还敢
リリース： 2024-04-11 12:18:20
オリジナル
695 人が閲覧しました

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>
ログイン後にコピー