- 2005年6月10日 20:38
- XHTML CSS
BazookaのCSSを全部書き換えた。ふとmakotoさんサイトであるhxxk.jpのCSSファイルを眺めてたら、思い立ってしまった、が吉日。凄い綺麗で見やすいし、
* {
margin: 0;
padding: 0;
font-size: 100%;
}というように、全称セレクタを使ってブラウザデフォルトスタイルシートのmarginとpaddingの差異を上書きし、要素ごとに再定義っていうのをやってみたかった。
表面的には前と大差無い(はず)と思いますが、綺麗すっきり管理しやすくなった。今は大掃除した後、部屋の真ん中でお茶すすってる気分。
CSSファイルを書きながら、「装飾というのは構造を視覚的に明示してあげるものなんだなぁ」と、改めて思うのでした。
Comments:7
- nao 2005年6月10日 22:25
ボクもやってる．
そっかfont-sizeもリセットしちゃってもいいかもなぁ．
ボクはついでに
vertical-align: bottom;
これも入れてる．- wu 2005年6月10日 22:55
font-sizeは%だと親要素に対しての比率だから、これやっとくと楽チンだよ！
- nao 2005年6月10日 23:20
あ，そっか．
親に何が来るかわからないもんね．でもテーブルレイアウトもすごいですよ．
ttp://hi.sakura.ne.jp/~okada/table/mario_bs.html
ほら．- wu 2005年6月10日 23:26
すげー根性だこれは・・。
- Anonymous 2005年6月12日 05:16
ほとんど関係ないですが･･･
前までPBBSからTOPに戻ったりすると、
デザインがグッチャリ潰れちゃうことが結構あったんですが、
今回のスタイルシートになってそんなことがなくなりました
使用ブラウザ：NN7.1なのです- wu 2005年6月12日 12:10
あ、それはきっとCSSをJavascriptで切り替えできるようになってるんで（機能してないけど）、たぶんまたなってしまうかもしれません・・；
- カイバ 2005年6月12日 22:26
おおっ！
ブラウザで予めデザインされてると、デザインしにくいな、と思ってました。
これはいいですね。
Trackbacks:1
- TrackBack URL for this entry
- http://3ping.org/mt2/mt-tb.cgi/45
- Listed below are links to weblogs that reference
- 全称セレクタ from 3.5ping.org
- コロンブスの卵 from hxxk.jp 2005-08-04 (木) 19:48
- うーたんが取り上げていた要素ごとの再定義、意外と知られていない tips だったみたいです。
