css权威指南中第173页的这段话是什么意思?“注意”中的描述貌似和代码与示意图没什么联系
这图看着是有问题，不知道有没有上下文
图片 caption 提到外边距，应该指 margin，然而 p 并没有设，默认 0
四周的银色部分 30px+20px = 50px， 两个 p 隔着 20px ，应该是 5:2 关系，图片目测 2:1
p padding 为 0，除非特殊字体，文字应该紧贴左侧，字母 p 应该紧贴下沿才对
父元素的 padding-top 会把子元素往下挤，子元素的 margin-top 则会自己往下移动留出边距。于是 即使你子元素 margin-top -10px 带来上移 10px但是父元素加上 padding-top 10px ，又给子元素带来偏移，重新往下了10px，等于没动
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
这图看着是有问题，不知道有没有上下文
图片 caption 提到外边距，应该指 margin，然而 p 并没有设，默认 0
四周的银色部分 30px+20px = 50px， 两个 p 隔着 20px ，应该是 5:2 关系，图片目测 2:1
p padding 为 0，除非特殊字体，文字应该紧贴左侧，字母 p 应该紧贴下沿才对
父元素的 padding-top 会把子元素往下挤，
子元素的 margin-top 则会自己往下移动留出边距。
于是 即使你子元素 margin-top -10px 带来上移 10px
但是父元素加上 padding-top 10px ，又给子元素带来偏移，重新往下了10px，等于没动