スタイルシート書き方

「セレクタ{プロパティ:値}」で記述します。
P{color:red}
同じ要素への複数の宣言のまとめ方
P{color:red}
P{line-height:1.8em}
P{text-indent:1em}


P{color:red;
line-height:1.8em;
text-indent:1em}

複数の要素への同じ宣言のまとめ方
H1,H2,H3{background-color:#ff0000}

複数の要素への複数の同じ宣言のまとめ方
H1,STRONG{color:#ff0000;
font-size:large;
background-color:#000000}

CLASSとID
ページの位置ごとにスタイルを書き分けないと不便です。
例えば、ページ上部、サイドバー、下部ごとに、デザインを分けます。
CLASS属性は「.」、ID属性は「#」で指定します。
同名のID属性の付いた要素が同じHTML文書中に2つ以上あってはいけません。
.top{color:blue}
#bottom{font-size:x-large}
HTMLへの記述はDIV要素などで分けるとよいでしょう。
<DIV id="header">
<DIV class="tittle">テスト</DIV>
<DIV class="h-1">テストです</DIV>
</DIV>

HTML言語覚書き スタイルシート inserted by FC2 system