一、块级元素
常见的有:div, p, h1,h2, h3, h4, h5, h6, br, ol, ul
二、行内块元素(内联元素)
常见的有:a, span, strong, b, em, i, img, input, select, label, script
三、两者之间的区别
(1)块级元素独占一行,而行内块元素不占据一行。
(2)块级元素可以设置高宽,而行内块元素不可以设置高宽。
(3)块级元素不会主动换行,而行内块元素可以自动换行。
四、块级元素与行内块元素之间的转换
(1)display:inline-block //转换为行内块元素,可以设置高宽,与display:block区别是它在元素后不添加换行
(2)display:inline //转换为行内块元素
(3)display:block //转换为块级元素