モダンCSSリセットを徹底解説、最近のデバイス・モダンブラウザの仕様に対応

最近のデバイス・モダンブラウザの仕様に対応した、モダンCSSリセットを紹介します。スタイル宣言はたったの9個ですが、個々のCSSについて詳しく解説されているので、記事はけっこう長いです。 なぜそうしたのか、なぜそれを使用しないのか、最近の実装にあわせたCSSの役立つテクニックもたくさん解説されています。 My Custom CSS Reset by Josh W. Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 他のいろいろなCSSリセットについては、下記をご覧ください。 モダンブラウザに適したCSSリセットのまとめ はじめに CSSリセット 1. ボックスサイズのモデル 2. デフォルトのマージンを削除 3. 高さは%ベースを使用 4. アクセシブルなline-heightを追加 5. テキストのレンダリングを改

[coliss]

モダンCSSリセットを徹底解説、最近のデバイス・モダンブラウザの仕様に対応。

[eartht]

imgタグをデフォルトでblock要素にするのは現場が荒れそうなので、そこだけ削除して使わせていただく。ただ、blockにすることは多いので、いずれアリにしたい。

[mohritaroh]

MacでChromeだけど、ほんとに-webkit-font-smoothingをantialiasedにすると文字の見栄えが変わるのでビックリした

[tmayuko312]

ホントだ、imgをblock要素にするの気持ち悪いね。確かにその方がソースがスッキリするんだろうけど、ザワザワするわ。

[suquiya0]

とりあえず、メモ。

[toaruR]

全体的に癖が強い

[kawaosa]

リセット