css中的padding

• 1）padding内边距

      padding-left: 10px;

        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px;

• 2）padding属性连写
  1,上右下左

 padding: 10px 20px 30px 40px;

2,上下为10px，左右为20px

 padding: 10px 20px;

3，上下左右都为10px

 padding: 10px;

4,上10px，下30px，左右20px

 padding: 10px 20px 30px;

• 3)盒子大小的计算
  -->边框可以影响盒子大小 border
  -->内边距可以影响盒子大小 padding
  宽度=内容宽度+左右边框+左右内边距
  继承的盒子在父盒子宽度范围内，padding值不会影响该盒子的大小：即子盒子没有写宽度值的时候