デフォルトCSSのチートシートを作ってみた。デフォルトCSSのチートシートを作ってみた。(力尽きた)2011-03-09CSSリセットを改変している時に、「CSSリセットは本当に必要か?」ということを疑問に思うようになってきました。ブラウザのデフォルトであるユーザーエージェントスタイルシートをCSSリセットでnormalにして、さらにboldに戻すということをしています。これだと単に、記述量と処理を増やしているだけに過ぎません。「デフォルトCSSを理解すれば、CSSリセットはいらないのではないか?」という考えの元、デフォルトのCSSを調べてみました。FoxのCSSのみ探し出せました。それ以外はアプリケーションの中にCSSが含まれている場合などにより、デフォルトCSS探せませんでした。IEに関しては、まとめたれたサイトがあったので、これを参考にします。Sheetsそれ以外はデバッグツールが付いているので、よく使うタグをデバッグツールで地道に参照しながら、まとめました。Opera11.01比較しやすいようにチートシートにしました。本当はA4で見れるようにしたかったのですが、力尽きたので画像が巨大です。jpgとSVGを用意しておきます。私としてはSVGの方をおすすめします。0;が存在しているのではないかと思います。IEのデフォルトCSSIE6,IE7とIE8,IE9で、単位が基本的に違います。デフォルトでもズレが生じるのではないかと思い、SuperPreviewのオーバーレイ機能を使い、先ほどのテスト用のHTMLをIE6とIE8で重ねてみました。結果は、やっぱりズレてる。デフォルトでもIE6,7とIE8,9では大きくレイアウトが変わります。CSSリセットは必須ですね。ツイート次の記事floatを使わなくてもよくなる。突発的にPhotoshopで「デスパラソル」を作ってみた。