CSSの7の間違いエントリー。
2008年3月 3日 16:33
はたしてこのサイトを見ている人がどのくらいいるのか不明ですが、ここにたどり着くって事は、おそらくCSSとかPHPとか、そのあたりの言葉で引っかかった人もいるだろうし・・・ということで、
「えど」さんという方のブログの記事に、「初心者が陥りそうなCSSの7の間違い」と題して書かれていた。
http://css-eblog.com/beginner/cssbeginer7.html
コチラの内容は図説もしてあってわかりやすい。
こちらのエントリーについて、追記しながら自分に置き換えてみてみる。
タイトルを引用させていただきまして・・・。
どれが自分にあうかは不明だけど、自分なりのリセットCSSを組みたいものっすな。
ってことですんごい人のブログって勉強になるわ~。
「えど」さんという方のブログの記事に、「初心者が陥りそうなCSSの7の間違い」と題して書かれていた。
http://css-eblog.com/beginner/cssbeginer7.html
コチラの内容は図説もしてあってわかりやすい。
こちらのエントリーについて、追記しながら自分に置き換えてみてみる。
タイトルを引用させていただきまして・・・。
1.デフォルトCSSを初期化しようこちらの内容は今までおれはユニバーサルセレクタでやっちゃってたけど、先日ハイレベルCSS実践講座に参加したときに「それでは、負荷もかかるよー」ってことを勉強した。「えど」さんのサンプルリセット用のCSSをみても、ユニバーサルではなくそれぞれしてた。
どれが自分にあうかは不明だけど、自分なりのリセットCSSを組みたいものっすな。
2.ブラウザごとのCSSの解釈の違いこれも今までひとつのファイル内でハックしてましたが、上記にも書いた講座に参加したときにやはり別々のファイルにしたほうがいいなぁと実感。この解釈の違いはいわゆる「実装差異」としてのものなので、「ハックなんてやりたかねーや」とはいえない。ブラウザが存在する限り、差異は存在するといってもいいんじゃろーな。
3.CSSが適用されないこの中でもっとも考えておくべきことだなーと思うのは、
CSSには優先度というものがあり、その優先度のもっとも高いスタイルを適用します。の部分。これは今後しっかり意識しておかないと、特にハックのときに問題になる。デフォルトのCSSの段階ではなるべく優先度を低く作っておいて、ハックで優先度をあげる。
4.floatした子ボックスをもつ親ボックスの背景が表示されないこれは「えど」さんのサイトにすんごくわかりやすく書いてあるので、そちらがいい。
5.画像下に不明な余白ができるこれはすんごいわかる~。って感じです。自分もすんごいミスをしてて、師匠に「こりゃー!」って言われました・・・。気をつけねばならぬものだす。
6.リストをCSSで装飾すると不明な余白ができるこれもすんごいわかる~。IE6のやつ~!って何度も思った。
7.100%幅によるカラム落ちこれは知らんかった。実際ほとんど%表記をしないので、へぇ~と。
ってことですんごい人のブログって勉強になるわ~。
CSS | comment(0) | trackback(0) | ▲
コメントする