一:行级元素(内联元素,inline)
1:内容决定元素所在位置
2:不可以通过css改变宽高
3:与其他行内元素并排
4:行级元素有:span, strong, em, br, img , input, label, select, textarea, cite,
二:块级元素 block
1:独占一行,不能与其他任何元素并列
2:可以通过css改变宽高
3:块级元素有:div、p、h1…h6、ol、ul、dl、table、address、blockquote 、form、hr
三:行级块元素 inline-block
1:内容决定大小
2:可以改变宽高
3:行内块级元素有:img
四:块级元素和行内元素的相互转换:
我们可以通过display属性将块级元素(比如div)和行内元素进行相互转换。
display:inline;
同样的到了我们也可以用display将行内元素(比如span)转行成块级元素。
display:block;