ときどき、ヘッダーとボックスの間など、要素間を空ける必要があります。私が目にするすべての例は、margin-top プロパティをボックスに追加するか、margin-bottom をヘッダーに追加します。しかし、これらはどこにでも影響を与えます。ページ固有のマージンなどを設定したい場合、ベスト プラクティスは何ですか? html でスタイル要素を使用するだけでよいですか、それとも CSS でこのようなルールを作成してクラスを使用する必要がありますか?
.margin-top-10px { margin-top: 10px }
.margin-top-15px { margin-top: 10px }
...
これは良い習慣ですか？CSS が雑然としすぎていませんか?