CSSファイルをHTMLに導入する方法-htmlチュートリアル-php.cn

CSS を HTML に導入するには 2 つの方法があります: タグを使用して外部スタイル シート ファイルにリンクする方法と、 タグを使用して HTML ドキュメント内で CSS スタイルを定義する方法です。

#CSS ファイルを HTML に導入すると、HTML ドキュメントからスタイル情報が分離され、スタイルの維持と更新が容易になります。 CSS ファイルを導入するには 2 つの方法があります:

1. タグを使用します

タグは、外部スタイル シート ファイルを HTML ドキュメントにリンクするために使用されます。構文は次のとおりです:

ログイン後にコピー その内:

rel 属性は、リンクされたファイルと現在のドキュメント ( stylesheet#) の間の関係を指定します。 ## は、これがスタイル シート ファイルであることを示します。 href 属性には、関連付けるスタイルシート ファイルへのパスが含まれます。 2. タグを使用します。

タグは以下で使用されます。 HTML CSS スタイルはドキュメント内で定義されます。構文は次のとおりです。 body { background-color: #f0f0f0; font-family: Arial, sans-serif; } ログイン後にコピー ここで、

タグには、定義する CSS ルールが含まれます。 CSS ルールは、セレクター ( body ) やスタイル宣言 ( background-color 、 font-family ) などの標準 CSS 構文を使用します。 注:

どの方法を使用する場合でも、CSS ファイルまたは タグは次のとおりです。 HTML ドキュメントの セクション内に配置されます。 含める CSS ファイルが複数ある場合は、複数の タグまたは タグを使用できます。 外部スタイル シート ファイルは、HTML ドキュメントと同じ場所または別の場所に配置できますが、正しいパスを指定する必要があります。