CSSを使用する3つの方法

(1) リンク タイプ: (外部からインポートされた .css ファイル)

(より頻繁に使用されます) は HTML が読み込まれる前に参照されます

Web ページの

タグ ペアの を使用して外部スタイル シートを導入し、HTML ルールを使用して外部 CSS を導入します:

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

インポート タイプ: ( external import.css ファイル)

(未使用) @import は HTML が読み込まれた後にのみ参照され、スタイルを JS DOM モデルに挿入することはできません

外部 CSS ファイル、< の紹介;style> タグも記述します

タグ内で使用する構文は次のとおりです:

　　　　　<style type="text/css">
　　　　　　　　@import "./css/style.css"
　　　　　　　　　　/*@import url(./css/style.css)*/
　　　　　　</style>

(2) タグの直下に埋め込み

を記述します。多くの場合、

head> にあります。

利点: 高速、すべての CSS コントロールがこのページ タグ用であり、スタイルは HTML ドキュメントで直接読み取られます;

欠点: A単一ページは肥大化して見え、他の HTML から参照できないため、比較的大量のコードとメンテナンスの問題が発生します

<style type="text/css">
　　　　　　div{border:1px #ff0 solid}
　　　　</style>

(3) インライン

(推奨されません) 複数の場所で使用できます頻繁に変更されないものは

<div style="border:1px #ff0 solid;">内容</div>

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