一。内边距 ①。padding-top: 50px(上内边距增加50px)
②。padding-right: 50px（右内边距增加50px）
③。padding-bottom: 50px（下内边距增加50px）
④。padding-left:50px（左内边距增加50p
⑤。padding:10px 20px 30px 40px（按照顺时针 上右下左的顺序 上边距是10px 右边距是20px 下边距是30px 左边距是40px）
⑥。盒子由里到外的组成是： 盒子 = 盒子的内容（content）+ padding + border + margin ， 眼睛能看到的盒子的视觉大小 是由盒子的内容（content）+ padding + border 组成的 。
⑦。div{
width: 200px;
height: 200px;
padding:30px;
border:5px solid red;
margin:10px;
background: green;}
原来盒子的宽度= （元素内容）content的宽度（200px）+padding(30px + 30px) +border(5px+5px) =270px
盒子的宽度或高度等于元素内容的宽度或高度(怪异盒模型){130+30+5+30+5=200} (box-sizing: border-box*;)
box-sizing:inherit;元素继承父元素的盒子模型模式 （会继承body的怪异盒子模型的模式）
二。display属性
①。display:none（隐藏元素 设置元素不会被显示）
②。display:block（显示块元素）
③。display: inline;（ 元素会被显示为内联元素）
④。display:inline-block(行内块元素,能让两个div在同一行显示)行内块元素具有块元素的一切特性 比如可以设置宽高 具有margin和padding.
唯一不同的特性就是：不会独占一行 两个都是inline-block可以并列排
两种方式可以让块元素并列在一起的时候没有间隙，第一种就是在body里面写style="font-size: 0;"（推荐第一种方式）
第二种就是把两个块元素放在同一行写
