CSSをちゃんとする [1] 全称セレクタと文字コード指定

移転の際にテンプレも久しぶりに自分で作ってみました。
今回のテーマは「基本を勉強しなおす」。あくまで「勉強しなおす」であって、どこまで実行できてるかはつっこまないで下さい。

で、全称セレクタは結構前から使ってたんだけど、いつも「何をここで指定してたっけ？」と悩むのでここで一度覚書しておきます。

@charset '{site_encoding}';

*{
 color: #606060;
 background: transparent;
 font-size: 100%;
 font-style:normal;
 text-decoration:none;
 margin: 0;
 padding: 0;
}

文字コードの指定は、Serene Bachの独自タグになってます。

フォントのサイズはbodyに対して指定してる人も結構いるみたいで、一度真似してみたけど、全称セレクタ(*)で指定する場合、h1からh6まで全て同じ大きさに統一されるのに対し、bodyで100%と指定すると文字の大きさに差異が出るようです。

好みの問題かもしれませんが、個人的には一度全て同じ大きさにそろえた方が個別に指定せずに済むので楽。

font-weightに関しては、逆にデフォルトの見た目が太字になるようなタグはそのままの太字で表示することが多いので特に指定せず。

こういうHTMLタグに既に含まれている見た目も一度リセット(?)してCSSで指定しなおすべきなのか否かが素人なんで分からないんだけど、とりあえず今はこんな感じ。

関連記事

• lush life* | XHTMLをちゃんとする 1 Javascriptと文字実体参照　&