2008年9月2日火曜日

CSSとは何でしょう?

HTMLだけでは、ホームページのデザインを細かく指定することができません。
これからは、CSSを使ってホームページを作ることが推奨されています。
CSSは Cascading Style Sheet (カスケーディング・スタイルシート)の略で、
これを使うとホームページの見え方を細かく指定することができます。

CSSの書き方

CSSはHTMLのように簡単に書くことができます。↓を見てください。

p {
font-size : 12pt
}

これは、p要素のフォントサイズ(文字の大きさ)を12ポイントに指定するCSSです。
p要素で囲まれたすべての部分の文字サイズが12ポイントになります。

pと書いている部分を セレクタ font-sizeの部分を プロパティ (HTMLでいう属性の部分)
そして、12ptの部分を (HTMLでいう属性値の部分)と言います。

プロパティ・値を複数指定したいときは、 ; (セミコロン)で区切って指定します。
下は、p要素のフォントサイズとフォントカラー(文字色)を指定してます。
ソースはみやすいように改行してあります。

p {
font-size : 12pt;
color : red

}

次にCSSの指定方法を説明します。一番簡単な指定方法は、
各要素の style属性 に指定することでCSSが適応されます。




もう一つの指定方法は、head要素の中でCSSを宣言し、
body要素の中で適応されるというものです。style要素を使用します。
このときCSSのタイプを指定しておく必要があります。style要素の
type属性 の属性値を text/css と指定しておきます。





0 件のコメント: