1 css總結9：內邊距和外邊距

通過css總結8：盒子模型可知：內邊距（padding），外邊距（margin）。可以影響盒子在瀏覽器的位置。

1.1 padding使用：{padding：上 右 下 左}

 示例：div {padding: 50px 10px 20px 30px} - 上內邊距是 50px，右內邊距是 10px，下內邊距是 20px，左內邊距是 30px

常用單位：

padding-bottom: 50%;--相對於父元素寬度的百分比內邊距。

左 padding-left: 20px;
右 padding-right: 30px;
上 padding-top: 40px;
下 padding-bottom: 50px;

1.2 margin使用：{margin：上 右 下 左}

　示例：div {margin: 50px 10px 20px 30px} - 上外邊距是 50px，右外邊距是 10px，下外邊距是 20px，左外邊距是 30px。

 常用單位：

margin：auto；---瀏覽器自動計算外邊距。

margin：50%；---規定基於父元素的寬度的百分比的外邊距。