スタイルシートの設定方法
１．同一ファイル内にスタイルシートを設定する場合
<STYLE>〜</STYLE>で設定したスタイルをHTMLドキュメントの最初に記述します。以下では<P>タグに「フォントカラーを赤、フォントサイズを10ポイント」に設定しています。
<HTML>
<HEAD>
<STYLE TYPE="TEXT/CSS">
P {color:red;font-size:10pt}
</STYLE>
</HEAD>
<BODY>
<P>スタイルが適用されます</P>
</BODY>
</HTML>
２．HTML文章内に適宜に設定する場合（インラインスタイルシート）
設定するタグ内にSTYLE=""として記述します。以下ではitalic体に設定しています。
<HTML>
<HEAD>
</HEAD>
<BODY>
<P STYLE="font-style:italic">スタイルが適用されます</P>
</BODY>
</HTML>
３．スタイルを設定したファイルとＨＴＭＬファイルを分ける場合
| HTMLファイル | <HTML> <HEAD> <LINK REL=STYLESHEET HREF="mycss.css" TYPE="text/css"> </HEAD> <BODY> <H1>H1のフォント</H1> <DIV class="class1">class1のフォント</DIV> <DIV id="id1">id1のフォント</DIV> </BODY> </HTML> |
| スタイルシートファイル （mycss.css） |
H1 {color:red} .class1 {font-size:32pt;font-family:'ＭＳ ゴシック';} #id1{font-style:Italic} |