三、样式初始化

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;   //以行内元素形式排列以块级元素样式显示