内边距
在 CSS 中，内边距（padding）用于控制元素内容与其边框之间的距离。
笔记内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内边距</title>
<style>
.content{
/* 盒子模型内边距 */
/* 1、如果已经给盒子指定的宽高，则 padding 会撑开盒子；如果没指定宽高，即使设置了 padding，盒子还是会跟浏览器一样大小 */
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
padding:10px; /* 四边都是 10px */
padding:10px 20px; /* 上下 10px，左右 20px */
padding:10px 20px 30px; /* 上 10px，左右 20px，下 30px */
padding:10px 20px 30px 40px; /* 依次是：上右下左 */
}
/* 2、在父盒子有宽高的情况下，如果子盒子没有宽高，这时给子盒子设置 padding，不会撑开父盒子，因为子盒子仍然默认填满父盒子的宽高 */
.son{
padding: 10px;
}
</style>
</head>
<body>
<div class="content">
<div class="son">
</div>
</div>
</body>
</html>
