blog | SevenStyleWeb

はたしてこのサイトを見ている人がどのくらいいるのか不明ですが、ここにたどり着くって事は、おそらくCSSとかPHPとか、そのあたりの言葉で引っかかった人もいるだろうし・・・ということで、

「えど」さんという方のブログの記事に、「初心者が陥りそうなCSSの7の間違い」と題して書かれていた。
http://css-eblog.com/beginner/cssbeginer7.html

コチラの内容は図説もしてあってわかりやすい。
こちらのエントリーについて、追記しながら自分に置き換えてみてみる。
タイトルを引用させていただきまして・・・。

１．デフォルトCSSを初期化しよう

こちらの内容は今までおれはユニバーサルセレクタでやっちゃってたけど、先日ハイレベルCSS実践講座に参加したときに「それでは、負荷もかかるよー」ってことを勉強した。「えど」さんのサンプルリセット用のCSSをみても、ユニバーサルではなくそれぞれしてた。
どれが自分にあうかは不明だけど、自分なりのリセットCSSを組みたいものっすな。

２．ブラウザごとのCSSの解釈の違い

これも今までひとつのファイル内でハックしてましたが、上記にも書いた講座に参加したときにやはり別々のファイルにしたほうがいいなぁと実感。この解釈の違いはいわゆる「実装差異」としてのものなので、「ハックなんてやりたかねーや」とはいえない。ブラウザが存在する限り、差異は存在するといってもいいんじゃろーな。

３．CSSが適用されない

この中でもっとも考えておくべきことだなーと思うのは、

CSSには優先度というものがあり、その優先度のもっとも高いスタイルを適用します。

の部分。これは今後しっかり意識しておかないと、特にハックのときに問題になる。デフォルトのCSSの段階ではなるべく優先度を低く作っておいて、ハックで優先度をあげる。

４．floatした子ボックスをもつ親ボックスの背景が表示されない

これは「えど」さんのサイトにすんごくわかりやすく書いてあるので、そちらがいい。

５．画像下に不明な余白ができる

これはすんごいわかる～。って感じです。自分もすんごいミスをしてて、師匠に「こりゃー！」って言われました・・・。気をつけねばならぬものだす。

６．リストをCSSで装飾すると不明な余白ができる

これもすんごいわかる～。IE6のやつ～！って何度も思った。

７．100％幅によるカラム落ち

これは知らんかった。実際ほとんど％表記をしないので、へぇ～と。

ってことですんごい人のブログって勉強になるわ～。