持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第28天，点击查看活动详情
前端常见！CSS 内边距（padding）指边框与内容之间的距离，外边距（margin）使得元素之间创建“空白”。今天让我们一起来看看这两个产品同学常见的前端元素！
内边距（padding）：边框与内容之间的距离
- padding-top:上内边距
- padding-right:右内边距
- padding-bottom:下内边距
- padding-left:左内边距
特别注意：
- padding: 3px(表示上下左右都是3像素)
- padding: 3px 5px（表示 上下3像素，左右 5像素）
- padding: 3px 5px 10px（表示 上是3像素 左右是5像素 下是10像素）
- padding: 3px 5px 10px 15px（表示 上3px 右是5px 下 10px 左15px 顺时针）
外边距（margin）：使得元素之间创建“空白”
- margin-top:上外边距
- margin-right:右外边距
- margin-bottom:下外边距
- margin-left:上外边距
- margin:上外边距 右外边距 下外边距 左外边
盒子如何实现水平居中？
需要满足一下几个条件：
- 必须是块级元素。
- 盒子必须指定了宽度（width）
- 左右的外边距都设置为auto
.header{ width:960px; margin:0 auto;}
写在最后
重新开始更文啦！最近忙了一段时间，终于继续可以学习！感谢大家的支持！我会继续努力坚持学习！养成了好习惯，每天必定会抽出时间多多少少学习前端知识～
以上习题&笔记从大佬们的论坛学习而来，特感谢大佬们的知识分享～ （学习技术知识，果然要看大佬们的技术博客，大家有好的推荐也欢迎指引我这个小白哈，感恩！）
附上学习链接，感谢这些大佬出题和解答：
