CSSファイルとHTMLファイルをリンクする方法

CSS ファイルを HTML ファイルにリンクするには、次の手順が必要です。 CSS ファイルを作成して、適切な場所に保存します。 HTML ファイルの <head> セクションにタグを追加します。

CSS ファイルを HTML ファイルにリンクする方法

Web 開発では、外部 CSS ファイルを使用してリンクできます。スタイル保守性と再利用性を向上させるために HTML コンテンツから分離します。 CSS ファイルを HTML ファイルにリンクする手順は次のとおりです:

1. CSS ファイルの作成

新しいテキストファイルを作成し、拡張子「.」を付けます。 css」(例: mystyle.css)。このファイルに、必要なスタイルルールを記述します。

2. CSS ファイルを適切な場所に保存します

CSS ファイルを Web サイトディレクトリの適切な場所に保存します。通常、CSS ファイルは HTML ファイルと同じディレクトリに配置されますが、別のディレクトリに配置することもできます。

3. HTML ファイルの <head> セクションに <link>

タグ

を追加します。次のコード:

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

ここで:

例

<code class="html"><html>
<head>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>标题</h1>
  <p>段落</p>
</body>
</html></code>

HTML ファイルを保存し、ブラウザに読み込みます。ブラウザは HTML ファイルを解析し、style.css ファイルをロードし、そのファイルに定義されているスタイルを適用します。

ヒント:

以上がCSSファイルとHTMLファイルをリンクする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

続きを見る