内边距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; 把块元素转成了行内元素