CSS元素分类

块级元素

特点

每个块级元素都从新的一行开始，并且其后的元素也是另起一行

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

嵌套（包含）下，子块元素宽度（没有定义情况下）和父块元素宽度默认一致

设置display：block可将元素显示为块级元素，从而使元素有块级元素的特点

典型代表：div、h1~h6、p、ul、li

内联（行内）元素

特点

和其他元素都在一行上

元素的宽、高以及顶和底边距不可设置

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

内联元素可以通过display：inline将元素设置为内联元素，从而使元素具有内联元素的特点

典型代表：span、a、strong、em、del、ins

内联块级元素

特点

和其他元素都在一行上

元素的宽、高以及顶部和底边距可以设置

display：inline-block将元素设置为内联块级元素

典型代表：input、img