1.リセット
実際、Eric Meyer リセット、YUI リセット、または独自のカスタム リセットなど、常にリセットを使用してください。
これは、すべての要素からマージン属性とパディング属性を削除するのと同じくらい簡単です。
html、ボディ、div、h1、h2、h3、h4、h5、h6、ul、ol、dl、li、dt、dd、p、blockquote、
プレ、フォーム、フィールドセット、テーブル、th、td {マージン: 0;
Eric Meyer と YUI の Resets スタイルは素晴らしいですが、私にとっては行き過ぎです。要素の多くのプロパティを再定義する前に、すべてをクリアしてください。これはエリック・マイヤー氏が推奨していることです。より効率的な使用方法がある場合は、彼のスタイル ファイルをそのまま自分のプロジェクトに直接ドロップするのではなく、改良し、再構築して、独自のものにする必要があります。
ああ、もうこんなことはしないでください。
* {マージン: 0; パディング: 0;
あまりにも多くの場所で使用されているので、ラジオ ボタンのパディングを削除するとどうなると思いますか? フォーム要素は時々ファンキーな外観になるため、そのままにしておくのが最善です。
2. アルファベット順に並べ替える
ちょっとしたテスト
以下の 2 つの例のうち、どちらが margin-right 属性の位置をより速く見つけることができると思いますか?
例1
div#header h1 {
z インデックス: 101;
色: #000;
位置: 相対的;
行の高さ: 24px;
マージン右: 48px;
border-bottom: 1px ソリッド #dedede;
フォントサイズ: 18px;
}
例 2
div#header h1 {
border-bottom: 1px ソリッド #dedede;
色: #000;
フォントサイズ: 18px;
行の高さ: 24px;
マージン右: 48px;
位置: 相対的;
z インデックス: 101;
}
例 2 が例 1 ほど速くないなどとは言わないでください。これらのスタイルのプロパティをアルファベット順に並べ替えることで一貫性が生まれ、特定のプロパティを検索するのにかかる時間を短縮できます。
この方法で順序を整理する人もいれば、別の方法でスタイルの順序を整理する人もいると思います。しかし、私の会社では、物事をアルファベット順に並べることを全会一致で決定しました。このアプローチは、他の人と一緒にコードを開発するときに間違いなく役に立ちます。アルファベット順にソートされていないスタイルシートを見るたびに嫌になります。乱雑で整理されていないように見えるからです...