几种元素的用法

1、块级元素   display:block

a、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（一个块级元素独占一行）

b、元素的高度、宽度、行高以及顶和底边距都可设置。

c、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

d、将元素转换为块级元素 :   a{display:block;}

2、内联元素   display:inline

a、和其他元素都在一行上；

b、元素的高度、宽度及顶部和底部边距不可设置；

c、元素的宽度就是它包含的文字或图片的宽度，不可改变。

d、建块级元素转换为内联元素:   div{display:inline;}

        注意：行内元素可能会出现间歇，解决办法：

                     1、将快中的代码写在一行，且之间不要有空格之类的符号。
                     2、使用font-size:0，如：div{font-size:0;}

3、内联块状元素   display:inline-block

a、和其他元素都在同一行；

b、元素的高度、宽度、行高以及顶和底边距都可设置；

c、同时具备内联元素、块状元素的特点