HTMLにCSSを読み込む方法

HTML に CSS を読み込む方法: 1. 外部スタイルを通じて CSS を読み込む; 2. 内部スタイルを通じて CSS を読み込む; 3. インライン スタイルを通じて CSS を読み込む; 4. インポートされたスタイルを通じて CSS を読み込む。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター

HTML に CSS を読み込むには?

読み込むcssスタイルは4種類あります

1.外部スタイル(外部スタイル)

cssが外部ファイルの場合, HTML ファイルの に

<link href="style.css" rel="stylesheet" type="text/css" />

href="style.css" と記述できます。ここに CSS ファイルのパスを記述できます。

このフォームはcssを別途cssファイルに記述し、ソースコード内にリンクとしてリンクします。このページだけでなく、他のページからも呼び出せるのが利点で、最もよく使われる形式です。

2. 内部スタイル (埋め込みスタイル)

内部スタイルとも呼ばれます。 に

<style type="text/css">
h3 { color:#f00;}
</style>

と書くことができます。 で終わり、head タグに記述されますソースコードの。このようなスタイルシートはこのページでのみ有効です。他のページには適用できません。

3. インライン スタイル

CSS スタイルを HTML タグに直接記述することもできます

<p style="font-size:18px;">内部样式</p>

タグ内で style とマークされているこの種のスタイルはインライン スタイルです。 style はタグ内の要素のみ有効ですが、コンテンツから分離されていないため、使用はお勧めできません。

4. インポート スタイル

@import url("public.css");

インポートされたスタイルは、@import URL タグでリンクされた外部スタイル シートで、通常は別のスタイル シート内で使用されます。 Index.css がホームページで使用されるスタイルの場合、グローバルに必要なパブリック スタイルを public.css ファイルに配置し、

@import url("/public .css") を使用できます。

を使用してグローバル スタイルをリンクすることで、コードの再利用性が高くなります。

【推奨学習: css ビデオ チュートリアル 】

以上がHTMLにCSSを読み込む方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。