HTMLにCSSを導入する方法

HTML に CSS を導入するには主に 4 つの方法があり、インライン、埋め込み、リンク、インポートです。

1. インラインスタイル
インラインスタイルとは、タグのstyle属性にCSSのスタイルを設定することです。この方法は CSS の利点を反映していないため、お勧めできません。
2. 埋め込み
埋め込みとは、Web ページの タグ ペアに CSS スタイルをまとめて記述することです。形式は次のとおりです。

デメリット 多数の Web ページが含まれる Web サイトの場合、Web ページごとに埋め込みを使用したり、スタイルを変更したりするのは非常に面倒です。単一の Web ページでは、埋め込みの使用を検討できます。

3. インポート方法

インポート方法は、CSS ルールを使用して、 タグに記述されます。使用されるのは次のとおりです:

インポートは Web ページ全体が読み込まれた後に実行され、CSS ファイルが読み込まれるため、Web ページが比較的大きい場合、スタイルのないページが最初に表示され、その後に表示されます。フラッシュすると、Web ページのスタイルが表示されます。これは輸入品特有の欠陥です。

4. Link -type も .css ファイルを HTML ファイルに導入しましたが、HTML ルールを使用したリンク タイプは外部 CSS ファイルに導入されました。外部スタイル テーブル ファイルを導入するためのタグの文法は次のとおりです:

& lt; link href = "mystyle.css" rel = "text/css"/& gt;インポートタイプはWebページファイル本体をロードする前にCSSファイルをロードするため、表示されるWebページには最初からスタイル効果が適用されます。インポートタイプのようにスタイルのないWebページが最初に表示されることはありません。次に、スタイル付きの Web ページを表示します。これは、リンク タイプの利点です。

まとめ: 一般的に、ウェブサイトを作成する場合、スタイルは複数のスタイルシートファイルに記述されることがほとんどなので、最初にリンクを使用して一般的な CSS ファイルを導入し、次にインポートを使用してこの CSS ファイルに他の CSS ファイルを導入します。 CSS ファイル。ただし、JavaScript を使用して CSS ファイルを動的に導入する場合は、リンクのみを使用できます。

HTML に CSS を導入するその他の方法 関連記事については、PHP 中国語 Web サイトに注目してください。