ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS でパディングを使用する場合

CSS でパディングを使用する場合

青灯夜游
リリース: 2020-12-18 11:38:29
オリジナル
2196 人が閲覧しました

CSS でパディングを使用する必要がある場合: 1. 境界線に空白スペースを追加する必要がある場合; 2. 空白スペースを背景 (色) で埋める必要がある場合; 3. 間の空白スペース2 つのボックスを上下に接続し、2 つの合計が等しくなるようにします。

CSS でパディングを使用する場合

推奨: 「css ビデオ チュートリアル

マージンとパディングは多くの場合、多くの場所で同じ効果を持ちます。実際の効果は同じなので、こちらはマージンを使用する必要があり、一方はパディングを使用する必要があるとは言えません。あなたはマージンの方が良いと言いますが、他の人はパディングの方が良いと言いますが、議論は多くの場合不毛です。インターネット上の概要に基づいて、これらは比較的信頼できることがわかりました。

いつパディングを使用する必要がありますか:

  • 境界線 空白を追加するときにテストします。

  • 空白スペースに背景(色)が必要な場合。

  • 上下に接続された 2 つのボックス間のスペースは、2 つのボックスの合計に等しいことが期待されます。たとえば、15 ピクセル 20 ピクセルのパディングでは、35 ピクセルの空白スペースが生じます。

マージンを使用する必要がある場合:

  • 境界線の外側にスペースを追加する必要がある場合。

  • 空白スペースに背景(色)を必要としない場合。

  • 上下に接続された 2 つのボックス間のスペースは、互いにオフセットする必要があります。たとえば、マージンが 15 ピクセルと 20 ピクセルの場合、マージンは 20 ピクセルになります。

プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 !

以上がCSS でパディングを使用する場合の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート