[html5+css3]div盒子模型基础

居中：margin：0 auto

注意:如果需要居中就这样设置，并且在开始要清除掉默认值

margin：0
padding：0

1.主要内容

 内容：content
 边框：border
 外边距：margin
 内边距：padding

2.边框

border：宽度 样式 颜色
线条：
solid 实线
dashed 虚线
dotted 点线
double 双实线
可单独设置一边样式：
border-方向-style:
如：border-left-style:
 
border-style:dotted dashed
dotted(上下都为点线) dashed(左右都为虚线)

注意：方向为顺时针 （上->右->下->左）
     当3个值时：左边=右边

3.圆角边框

border-radius可以单独改变元素的圆角边距，也可以一次性改变所有圆角边距，顺序上右下左
当1个值时：对应全部
当2个值时：左上和右下第一个值，右上和左下为第二个值
当3个值时：第一个值是左上角，第二个值是右上和坐下，第三个值是右下
当4个值时，第一个是左上，第二个是右上，第三个是左下，第四个是右下
语法：
border-radius:length{}
 
border-radius实现圆形效果时：
1.设置圆角的半径为50%
2.设置圆形半径为元素宽度的一半
border-radius:100px;
border-radius:50%;

4.将块级和行级元素相互转化（display）

block:将元素显示块级，带有换行符
inline：将元素显示为行级，无换行符
inline-block：行内块元素
 
display:block 转换为块级元素
display:inline 转换为行内元素
display：inline-block 排列在同一行，支持宽度和高度


none:隐藏
display:none 隐藏