Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
Cascading Style Sheet (Part 2)

Cascading Style Sheet

Part 2

ここでは、CSS（Cascading Style Sheet）の基本記述形式について説明します。

CSSは基本的に以下のような書式で記述されます。

CSSの基本記述形式

タグ { プロパティ : 値 }

具体的には次のように書きます。

H1 { font-color : red }

Part 1でのCSSをHTMLに組み込む方法の１と２では、<H1>タグで囲まれた文字は赤くなります。３の方法では次のようにスタイルオプションで指定します。

<H1 STYLE="font-color:red">インラインのスタイル指定</H1>

複数のタグに対して、共通のスタイルを持たせる場合、次のようにグループ化することが出来ます。

タグ１, タグ２, ･･･ , タグｎ { プロパティ : 値 }

また、複数のスタイルを持たせる場合、次のようにプロパティと値の組を";"で区切ります。

タグ { プロパティ１ : 値１ ; プロパティ２ : 値２ ; ･･･ ; プロパティｎ : 値ｎ }

複数のスタイルの使い分け１

同じタグに対して、キーワードを付けてスタイル指定することで、複数のスタイルを使い分けることが出来ます。基本書式は以下の通りです。

タグ.キーワード { プロパティ ; 値 }

具体的には、CSSファイルを次のように書き、

H1.blue { font-color : blue }
H1.red { font-color : red }

<BODY>内にCLASSオプションでそのキーワードを指定します。

<H1 CLASS="blue">ここは青くなります</H1>
<H1 CLASS="red">ここは赤くなります</H1>

複数のスタイルの使い分け２

タグを限定せず、キーワードを付けてスタイル指定することで、複数のスタイルを使い分けることが出来ます。基本書式は以下の通りです。

.キーワード { プロパティ ; 値 }

具体的には、CSSファイルを次のように書き、

.blue { font-color : blue }
.red { font-color : red }

<BODY>内にCLASSオプションでそのキーワードを指定します。

<H1 CLASS="blue">ここは青くなります</H1>
<H2 CLASS="red">ここは赤くなります</H1>

疑問点、誤りなどありましたら、掲示板にてお願いします。出来る限りお答え致します。

Home

from 1998/6/8