|
CSSの基本形は、セレクタに、属性と値を指定する形になります。
と言われても、ピンと来ないかも知れませんので
具体的に示してみましょう。
例えば、CSSで、<body>タグの装飾（ テキストをグレーに）を行う場合は
以下のように記述します。
CSSファイル ----------------------------------------------------
body {
color: #cccccc;
}
---------------------------------------------------------------
各部の名称と、記述の仕方は、以下のようになります。
---------------------------------------------------------------
セレクタ {
属性: 値;
}
body・・・・セレクタ
color・・・・属性
#cccccc・・・・・値
---------------------------------------------------------------
セレクタは｛ ｝で囲み、｛ ｝の中に、属性と値を指定します。
属性の後には「：(コロン)」をつけ、続けて値を指定し、最後に「；（セミコロン）」で閉じます。
一つのセレクタに対して、属性と値は、いくつでも指定することができます。
以下のように３つでも４つでも指定することができます。
セレクタ {
属性: 値;
属性: 値;
属性: 値;
属性: 値;
}
それでもまだピンと来ない方に、
今回のテキスト装飾の例を、質問形式に当てはめて、簡単に説明してみましょう。
---------------------------------------------------------------
セレクタ
質問 : 「何を装飾するのですか？」
答え : 「bodyタグを装飾します」
属性
質問 : 「bodyタグのどこを装飾するのですか？」
答え : 「テキスト色を装飾します」
値
質問 : 「テキストを何色に装飾するのですか？」
答え : 「グレーに装飾します」
---------------------------------------------------------------
このようになるわけです。
セレクタや属性の種類はたくさんありますので、詳しく知りたい方は専門書や
専門サイトなどをご覧ください。
もちろん、メールマガジンの中でもたくさん紹介していきます。
|
