スタイルシートの記述としては正しいですか？

質問

ホームページを作ることになり、スタイルシートを使いたいです。

色々な記述を見ると、HTMLの世界でもいろいろな規格があり、
各ブラウザでも見え方が異なる可能性があることが分かりました。
すべてのブラウザをテストすることは難しいので、
基本的には標準とされる仕様に従いたいと思います。

そこでお願いなのですが、
以下のスタイルシートの記述は標準といえますか？

body {
font-size:12pt;
.title { font-size:15pt; }
a:active { color :red; }
}

実現させたい見え方としては、
・見える部分(body)の文字サイズは基本的に統一(12pt)
・ただしclassがtitleの場合の文字サイズは15pt
・ハイパーリンクをクリックした際には赤になるようにする(全てのリンクで)

ご指導いただけましたら幸いです。よろしくお願いいたします。

回答No.1

WhiteWolf_ · ベストアンサー

要素に対して一つの括弧でまとめる形で行います。

body { font-size: 12pt; }
.title { font-size:15pt; }
a:active { color:red; }

こちらで宜しいかと思います。
強いて言うならば、ptでのサイズ指定は絶対指定というものになり、ユーザー側でフォントサイズを変えられない場合がありますので
相対指定とされている「px」や「%」指定でサイズを変更するようにすると良いかと思います。

お礼

お二方、どうもありがとうございました。
しかし、教えていただいた記述、および私が書いていた記述ではなぜか自分のやりたいことを実現できませんでした・・

ptの指定の件ですが、レイアウトが崩れるので、寧ろ閲覧者には文字のサイズは弄られたくないのですが、
教えていただいた記述、および私が書いていた記述ではなぜか文字のサイズを弄れました・・

そこで、以下のようにすると、できました。
body {
p{font-size:12pt;}
td{font-size:12pt;}
h1{font-size:15pt;}
a:active{color:red;}
}
※IE6の場合。

以上報告です。

回答No.2

fab76

.title
→ クラス指定のタイトルがあっても間違いではないが、タイトル（標題）であればクラス指定はおかしいような…。
（予約語も確認しましたが多分OK、ただヘッダ内の<title>にかぶるので使わない方がいいか？）
この場合はHTMLのh1～h6（見出し要素）を使い、その指定に対してのCSS指定の方が一般的で構造的に適正。

12pt;
→ 間違ってはいませんが絶対指定となりますから閲覧側のディスプレイ解像度に依存します、ユーザーはブラウザでフォントサイズを
変更することが出来なくなります。
emなど相対指定の方が適切だと思います、絶対指定が記述的に間違っているということではありません。
http://www.netgamebm.com/c/base/size.html
http://www.scollabo.com/banban/lectur/ht9.html