スタイルシートの記述方法

スタイルシートとはホームページの見栄えを良くするためのものです。
英名はCSS（Cascading Style Sheets）で、HTML文書が論理的な言語を記述するのに対しCSSはレイアウトなどデザインに関連する言語を記述します。

スタイルシートを使うと複数のページのタイトルの文字の色や壁紙を一変に変更することができるのでホームページのデザインを変更するのがHTMLタグだけを使うより非常に楽になります。また、ソースに記述する量もHTMLよりスタイルシートの方が少ないので更新作業も簡単にできます。

スタイルシートの記述の仕方は以下のようにします。

セレクタ{プロパティ:値;}
セレクタ（タグ名）の後に{ }でくくり、その中にプロパティ（属性）、コロン、値、セミコロンという順番で記述します。

p { color: blue; }
又は
p{color:blue;}
のように半角スペースを入れずに記述することもできます。

上の例で説明するとpがセレクタ、colorがプロパティ、goldが値ということになります。尚、上の例は<p>～</p>で囲まれた文字の色を金色にするという意味です。

プロパティの値の部分は半角スペースで区切って{プロパティ:値値値;}のように複数記述することもできます。
CSS

form{margin:5px 5px 5px 5px;}

上の例はフォームの上下左右の余白を5pxにするという意味です。

セレクタ{プロパティ:値; プロパティ:値;}のように一つのセレクタに複数のスタイルを指定することもできます。

CSS

div{font-size:25px; color:blue; line-height:5;}

CSSはjavascriptのように改行して複数行に記述することもできます。
CSS

div{
font-size:25px;
color:blue;
line-height:5;
}

HTMLタグに直接スタイルを指定することもできます。要素の後に半角スペースを入れてstyle="プロパティ:値;"と記述します。こちらの場合も前項と同様にstyle="プロパティ:値; プロパティ:値;"のように複数のスタイルを指定できます。
ソース