块级元素和行内元素的特点:
(1)块级元素独占一行,行内元素在同一行显示。
(2)块级元素默认宽度为100%(相对父容器),行内元素宽度默认由内容撑开。
(3)会计元素可以设置宽高,行内元素设置宽高不生效。
(4)块级元素可以设置margin和padding的四周,行内元素只能设置margin和padding的左右方向。
行内块元素是兼具上述两者特点的元素:
(1)和相邻行内元素在同一行,但是之间会有空白缝隙。
(2)默认宽度是他本身内容的宽度。
(3)宽度、高度、行高、margin以及padding都可以像块级元素那样设置。
常见的块级元素有:div,hn,p,hr,ul,ol,li,dl,dt,dd,table,tr,td,th,form,header,nav,footer,aside,article,section。
常见的行内元素有:span,img,a,b,i,u,s,del,em,strong,sub,input,button,textarea,audio,video。
常见的行内块元素有:textarea,img,input。
可以设置display属性:display: block / inline / inline-block,来转换其元素类型。