この写真には何か問題があるようですが、文脈があるかどうかはわかりません
画像キャプション マージンに関してはマージンを参照する必要がありますが、pは設定されておらず、デフォルトは0です
30px+20px = 50pxあたりの銀色の部分、2つのpは20px離れており、5:2の関係であるはずです、画像の目視検査は2:1です
p パディングは 0、特別なフォントがない限り、テキストは左側に近く、文字 p は下端に近くある必要があります
親要素のpadding-topは子要素を下に押し込み、子要素のmargin-topはマージンを残すために下に移動します。 したがって、子要素の margin-top -10px がそれを 10px 上に移動しますが、親要素が padding-top 10px を追加した場合でも、子要素にオフセットがもたらされ、再び 10px 下に移動します。移動
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
この写真には何か問題があるようですが、文脈があるかどうかはわかりません
画像キャプション マージンに関してはマージンを参照する必要がありますが、pは設定されておらず、デフォルトは0です
30px+20px = 50pxあたりの銀色の部分、2つのpは20px離れており、5:2の関係であるはずです、画像の目視検査は2:1です
p パディングは 0、特別なフォントがない限り、テキストは左側に近く、文字 p は下端に近くある必要があります
親要素のpadding-topは子要素を下に押し込み、
子要素のmargin-topはマージンを残すために下に移動します。
したがって、子要素の margin-top -10px がそれを 10px 上に移動します
が、親要素が padding-top 10px を追加した場合でも、子要素にオフセットがもたらされ、再び 10px 下に移動します。移動