CSS 編集中。
今回は某お友達の掲示板経由の話し(元々は…)ですが、CSSの話題。
“取り敢えず”ってノリで始めたこのblogな訳ですが、いきなりテンプレートをガリガリいじってます。…と云ってもまぁ、元から用意されてるものをちょこっと×2いじってるだけですが。(^^;)ゞ
まずはフォント辺りから…。【大きさの指定には相対的な単位を使う】←に準拠するカタチですね。一応、親ページも書いとこうか…いや、個人的なメモです。(^^;)ゞ
【みんなが使えるホームページの作り方:みんなのウェブ】
…元々は総務省が実施したページでしたが、現在はNICT内のコンテンツ。
さて本題。…ってここまでは前振りだったのか?(笑)
Lucky bag::blog: CSS を作成する際のお約束
CSS を作成している際に、当然の如くブラウザによって描画結果に違いが出てくるわけで、ムキーとか言いながらその差異を埋めていく作業が一番面倒っちゃあ面倒。んで、ボックスモデルやその他ブラウザごとのバグ以外で、極力そう言った差異を少なくするためには、一番最初に全称セレクタを使ってブラウザのデフォルトスタイルを消してしまうのが手っ取り早い…
今更なんですが、↑便利ですね〜実に。自分でイチから作るCSSの場合、取り敢えずこれは指定してブラウザのデフォルトを上書きします。
何しろ、個人的に好きじゃないのは<p>タグの強制的に開く上下マージン。日本語にはそぐわない訳で…。
ですんで、取り敢えずこんなトコは外せないかな〜…ってトコを指定した状態です。
* {
margin:0px;
padding:0px;
overflow:auto;
font:normal normal normal 1em/1.5em "MS PGothic","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
}
text-decoration:none;なども捨て難いトコですが…でも最初から用意されてるテンプレートをいじってるので、今回はまぁいいかな…と。
ホントはclear:both;(floatの回り込みを解除)も指定する事はありますが、今回コレはちょっとキケンι そこはデフォ(clear:none;)に任せる。
あと…
.mainEntryBody p {
text-indent:1em;
}
本文の段落先頭は1文字開ける!…コレは外せねぇ(^^;)
まぁ、他にも本文部はフォントも等幅にしたりしてますが…。も、ちょっと検証しないといけません。
それ以上にデフォルトのテンプレートだと、<h?>は…使用してない?
…その辺もカシ×2書いてたり。(-ω-;)
しかし…ブラウザウィンドウ内ってのはいじりづらいですね〜ι テキストエディタみたいに、色分けや置換が利かないのも痛いです。その内、ローカルに保存して書こうか。そのうち。ええ、そのうち (ーー;)
(んなヒマあるんだろうか…ι)
後日、修正。'06 04/15に追記しました。

