スタイルシートの基礎知識

ここでは、スタイルシートの基礎知識に関する記事を紹介しています。

category ：スタイルシート（CSS） | タグ：スタイルシート, CSS,

スタイルシートの基礎知識

2005/09/29(木)

◆ スタイルシートの指定方法

スタイルシートにはインライン要素（前後で改行されない）とブロック要素（前後で改行される）があります。
　※代表的なタグ　<SPAN> <DIV>

◆ インラインエレメントの種類

TT、I、B、U、S、STRIKE、BIG、SMALL、EM、STRONG、DFN、CODE、SAMP、KBD、VAR、CITE、ABBR、A、IMG、APPLET、OBJECT、FONT、BASEFONT、ＢＲ、SCRIPT、MAP、Q、SUB、SUP、BDO、IFRAME、INPUT、SELECT、TEXTAREA、LABEL、BUTTON

◆ ブロックレベルエレメントの種類

P、Hn、UL、OL、DIR、MENU、PRE、DL、DIV、CENTER、NOSCRIPT、NOFRAMES、BLOCKQUOTE、FORM、ISINDEX、HR、TABLE、FIELDSET、ADDRESS

全ページのタグにスタイルを指定するには～の間に以下のように表記します。

<HTML>
<HEAD>
<STYLE TYPE="text/css">

</STYLE>
</HEAD>

◆ 定義済みクラスの指定をする

A要素とP要素にはいくつかの定義済みクラスを指定することができます。定義済みクラスはピリオド( . )ではなくコロン( : )で指定します。

※表記例

A:link { color:green; } /* 通常のリンクの状態 */
A:visited { color:blue; } /* 読み込み済みリンクの状態 */
A:active { color:pink; } /* クリックされた瞬間のリンクの状態 */
A:hover { color:red; } /* マウスをその上に乗せた時のスタイル IEのみ */
P:first-line { color:red; } /* 最初の1行を赤い字に指定する */
P:first-letter { font-size:20px; } /* 最初の1文字を20pxに指定する */
/* first-lineと、first-letterは、IE3.0, NN4.0では正常に表示されません */