Home > XHTML CSS > 全称セレクタ

全称セレクタ

  • Posted by: wu
  • June 10, 2005 8:38 PM
  • XHTML CSS

BazookaのCSSを全部書き換えた。ふとmakotoさんサイトであるhxxk.jpのCSSファイルを眺めてたら、思い立ってしまった、が吉日。凄い綺麗で見やすいし、

* {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

というように、全称セレクタを使ってブラウザデフォルトスタイルシートのmarginとpaddingの差異を上書きし、要素ごとに再定義っていうのをやってみたかった。

表面的には前と大差無い(はず)と思いますが、綺麗すっきり管理しやすくなった。今は大掃除した後、部屋の真ん中でお茶すすってる気分。

CSSファイルを書きながら、「装飾というのは構造を視覚的に明示してあげるものなんだなぁ」と、改めて思うのでした。

Comments:7

Comment Form
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/mt/mt-tb.cgi/45
Listed below are links to weblogs that reference
全称セレクタ from 3ping.org
コロンブスの卵 from hxxk.jp 2005-08-04 (木) 19:48
うーたんが取り上げていた要素ごとの再定義、意外と知られていない tips だったみたいです。

Home > XHTML CSS > 全称セレクタ

Book

実践 Web Standards Design

拙著「実践 Web Standards Design」ではXHTMLやCSSの仕様からマークアップの手法・考え方をはじめ、レイアウトや実践的なWebサイト構築のワークフロー、そしてCSSを利用したさまざまな技術的Tipsを解説しています。

Products
Works

テクノスカレッジ 専門学校

mt.Vicuna x 専門学校

2009年度に向けた学院サイトを制作しました。

Search
Feeds

Return to page top