css块元素和行内元素以及属性详解

块元素(block element)

 div(css layout的主要标签)、dl(定义列表) 、h1~h6(标题)、p(段落)、table(表格) , ul(非排序列表)

特点: 会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子

 

内联元素(inline element)

 

a(超链接)、span(常用内联容器，定义文本内区块)、i(斜体)、img、em(强调)、label

特点:  和其他元素都在一行上、 元素的高度、宽度、行高及顶部和底部边距不可设置、 元素的宽度就是它包含的文字或图片的宽度，不可改变。

 

补充：inline-block

将对象呈现为inline对象，但是对象的内容作为block对象呈现，之后的内联对象会被排列在同一行内。

inline-block 水平呈现的元素间，换行显示或空格分隔的情况下会有间距，更改非inline-block水平元素为inline-block水平，也会有该问题

解决方法： 父元素设置：font-size:0;