1、基本样式初始化
*{margin:0;padding:0;}
body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin:0;}
ol,ul{margin:0;padding:0;list-style:none;}
a{text-decoration:none;}
img{border:none;}
2、元素类型转换
元素类型分为：块级 行内 和 内联块级
（1）块级元素：
块级元素会占据一行的位置,它后面的元素内容会换行显示
块级元素里面可以放任何内容,主要用来布局。
常见的块级元素：div h1-h6 ulli olli p table form
（2）行内元素：
内联元素也叫行级元素它只占据他内容所占的位置,其它的
内容在他后面显示，但是 行级元素里面不能放块级元素
常见的行内元素：a b span I del
元素类型的转换
通过样式转换行块级元素：
display:none; //隐藏对象
display:block; //变为块级元素/也有显示的意思
display:inline; //变为行内元素
display:inline-block; //以行内元素形式排列以块级元素样式显示
