盒子的内边距以及display的属性

内边距padding：

上内边距padding-top

右内边距padding-right

下内边距padding-bottom

左内边距padding-left

padding:50px; （padding设置一个值 表示上右下左内边距全部增加50px）

padding:50px 100px;（上下内边距为50px ，左右内边距为100px）

padding：50px 60px 80px；（上内边距50px，左右内边距80px，下边距80px）

padding：50px 60px 80px 100px；（上内边距50px，右内边距60px，下边距80px，左内边距100px）

盒子的组成：内容（content）+padding+border+margin

box-sizing:content-box; 默认盒子的总尺度

box-sizing:border-box; 现在盒子的宽度=width

box-sizing: inherit; 元素继承父元素的盒子模型模式

display属性：

display:none; 隐藏元素

display:block; 显示块元素

 display:inline; 把块元素转成了行内元素