CSS は一般に、次の 3 つの方法で HTML で定義されます。 埋め込み、リンク、インライン 1. 埋め込み HTML スタイル要素を使用してドキュメント内の CSS スタイルを定義します。 。 コードをコピーしますコードは次のとおりです。 > <br>h1{color:red} <br>p{color:blue} <br><head> 🎜><br><br>2. インライン <br> </div> <br>各 HTML 要素には、スタイルを直接定義できる style 属性が含まれています。このスタイルは、この要素のコンテンツにのみ適用でき、同じ名前の別の要素には影響しません。 <strong></strong><br><br><br><br>コードをコピー<div class="msgheader"><div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode69'));">コードは次のとおりです:<u></u> </span><p style=" color:# FFF;font-weight:bold;">インライン スタイル</p> </div></div> <div class="msgborder" id="phpcode69"> <br>3. 外部参照 <br> </div> <br>外部参照は HTML を参照しますdocument CSS スタイルは含まれませんが、外部 CSS ファイルを動的に参照してドキュメントのプレゼンテーションを定義します。 <strong></strong>1. スタイルシート処理命令文を使用します <br><br>HTML文書の先頭にスタイルシート処理命令文を記述します <br><br><br><br><br> <br>コードをコピー<div class="msgheader"> <div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode70'));">コードは次のとおりです:<u></u> </span><?xml-stylesheet type="text/css" href="mystyle.css" ? > </div><html> </div>命令ステートメント<div class="msgborder" id="phpcode70"></html> <br><br><br> ただし、xhtml または xml 形式で保存された場合にのみ有効です。 JS はこの種の CSS を処理できないため、使用することはお勧めできません。 <br><br>2. @import コマンドを使用します </div> <br>スタイル要素間で @import コマンドを使用して、外部 CSS ファイルをインポートします <br><br><br><br><br><br>コードをコピーします<div class="msgheader"> <div class="right"> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode71'));">コードは次のとおりです:<u></u> </span><head> </div><style type="text/css"< ;!-- 次の 2 行のコードは同じ効果があります。 </div>@import "mystyle.css"; <div class="msgborder" id="phpcode71">-->< ;/style> <br>< ;/head> <br><br><br> @import ルールはすべてのルールの前に指定する必要があります。パラメータは CSS ファイルの URL アドレスです。 CSS ファイルで @import ディレクティブを使用して、別の CSS ファイルをインポートすることもできます。 <br><br>3. リンク要素を使用します <br><br><br> </div> <br><br>コードをコピーします <br><br><br> コードは次のとおりです。 ><div class="msgheader"> <div class="right"><head> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode72'));"><link rel="stylesheet" href="css url" type="text/css" > ><u> これも最も一般的に使用される方法です。 </u></span>4. HTTP メッセージ ヘッダーを使用してスタイル シートにリンクします。</div> </div>HTTP メッセージ ヘッダーのリンク フィールドを使用して、外部スタイル シートにリンクできます。 <div class="msgborder" id="phpcode72"> <br><br><br><br> </div>コードをコピー<br><br><br>コードは次のとおりです:<br><br> <br>link:<mystyle. css>; rel=stylesheet; <br>//<link rel="stylesheet" href="css url" type="text/css" > と同等HTTP ヘッダー リンク。これにより複数のスタイル シートがリンクされます。HTTP ヘッダー内のリンクは、HTML ドキュメント (head 要素内) 内のリンクよりも優先されます。
