現在代替ボックスモデルを使用しないことがベストプラクティスですか？

Question

私は現在、HTMLとCSSに取り組んでいます。すでにパディングがボックス自体のサイズに追加されている標準的なボックスモデルの設定では、私は不満を感じています。そのため、私はCSSテンプレートで境界ボックスモデルを使用するように設定しました。これは大丈夫か、ベストプラクティスとしては推奨されていないか、HTML/CSSの学習には推奨されていませんか？標準のボックスモデルではなく、多くのjavascript/jQueryスクリプトを使用できますか？私は、ほとんどの開発者がそれを恥ずかしがったり、あらかじめ作成されたスクリプトやプラグインが壊れてしまうような場合には、その使い方を習得したくありません。

私がこれを求めている理由は、現在のボックスモデルに不満を抱いている人がいて、標準ボックスモデルがボーダーボックスモデルに変更されているという兆候がある場合、私はそれにこだわりたいかもしれません。

Answer 1

標準アプローチまたは非標準アプローチを使用する必要があるかどうかを私たちに問い合わせています。答えは、標準的なアプローチを使用することです。それ以外の場合は、常にCSSと戦うことになります。

私が「標準的な」モックスモデルで見つけた最も良い類推は、あなたが何かを出荷するための箱を探していて、必要なスペースを見つけ出す必要があると思われることです。あなたのオブジェクトは一定のサイズになります。そして、あなたはあなたのすべての梱包材（詰め物）のためのスペースを残す必要があります。

EDIT：

私はすべてのことのCSSプロパティとそのなじみのなかったことを認めます。いくつかの研究をした後、実用的な用途があるように見えます（特に流体レイアウトで列を分割しようとするとき）。つまり、標準ボックスモデルの代わりに使用するのではなく、むしろ使用する代わりに使用することです。標準的なボックスモデルを学ぶと、それを変更するのが適切な時を知ることができます。

Answer 2

CSSリセットを使用する場合（これはかなり標準的な方法です）、これは問題になりません。 これらは、最も人気のある

「メイヤー」の2つです - http://meyerweb.com/eric/tools/css/reset/

「YUIがリセット」 - http://developer.yahoo.com/yui/reset/

をこれらはあなたへの「空白のキャンバス」を与えて、すべてのブラウザのデフォルトのスタイルを削除しますビルド。大部分のCSSフレームワーク（そしてほとんどのサイト）が何らかの説明をリセットすることがわかります。 YUIを使用すると、削除されたスタイルのいくつかを（クロスブラウザーの一貫した方法で）ビルドする別のスタイルシートを提供することさえできます。

Padding/Margin/Bordersは具体的には（最初に本当に尋ねたことですが）実際にはコンテキストに依存します。これらはさまざまな理由で存在します。たとえば、divをスペーシングするときにマージンを使用し、見出しをスペーシングするときにパディングしますが、固くて速いルールはありません。