一、内边距 padding
（1）属性：padding-left/right/top/bottom
（2）简写属性（同border和margin）
（3）padding会影响盒子实际大小
也就是说盒子已经有高度和宽度，在指定内边框，会把盒子撑大解决方法；让 width/height 减去多出来的内边距大小即可。开发中直接在最开始设置*{padding=0 padding=0}避免这种情况
二、元素
1.块元素block：无论内容多少，该元素独占一行(可以换行）
hr p h div body html li dt dd (br不是块元素是行内元素）
2.行内元素/内联元素inline：内容撑开宽度，撑满自动换行，左右都是行内元素的可以排在一行（不可以换行）
Strong,em,i,a,br span,img
3.行内块元素：拥有行内元素和块元素的特点
3.元素显示模式的转换
（1）块元素/行内元素隐藏
display:none
（2）行内元素转换成块级元素
display:block
（3）块级元素转换成行内元素
display:inline
（4）转换为行内块元素
display:inline-block
注意：转换成行内块元素后，两个盒子之间会产生空隙是因为标签之间的空白区域引起的
解放方法一：把两个div靠在一起写
方法二：把他们的父级标签加个font-size=0
三、box-sizing
语法：box-sizing：content-box/border-box/inherit
content-box默认值，盒子的总尺度
border-box：盒子的宽度或高度等于元素内容的宽度或高度(怪异盒模型）)
例如：原来盒子的宽度=width(200px)+padding(30px+30px)+border(5px+5px)
而现在用了border-sizing=borer-box时盒子的宽度就为200px
border-sizing:inherit表示元素继承父元素的盒子模型
