htmlでcssメソッドを導入-フロントエンドQ&A-php.cn

Web デザインでは、HTML (ハイパーテキストマークアップ言語) と CSS (カスケードスタイルシート) が 2 つの基本コンポーネントであり、これらを組み合わせて、さまざまな複雑な Web ページのレイアウト、スタイル、インタラクティブな効果を作成します。 HTML に CSS スタイルを導入するための簡単な方法をいくつか紹介します。

内部スタイルシート

内部スタイルシートは、CSS コードを HTML コードに直接埋め込みます。この方法は、1 つの Web ページのみに CSS スタイルを導入する必要がある状況に適しています。使用方法は次のとおりです。

<!DOCTYPE html>
<html>
<head>
  <title>内部样式表</title>
  <style>
    body {
      font-family: Arial;
      background-color: #f2f2f2;
    }
    h1 {
      color: #00bfff;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>内部样式表示例</h1>
  <p>这是一段示例文本。</p>
</body>
</html>

ログイン後にコピー

上記の HTML コードのスタイルコードは、<head>## 内の