CSS元素分类

1. 块级元素

1. 特点

1. 每个块级元素都从新的一行开始，并且其后的元素也是另起一行
2. 元素的宽、高、行高以及顶和底边距都可以设置
3. 嵌套（包含）下，子块元素宽度（没有定义情况下）和父块元素宽度默认一致

2. 设置display：block可将元素显示为块级元素，从而使元素有块级元素的特点
3. 典型代表：div、h1~h6、p、ul、li

2. 内联（行内）元素

1. 特点

1. 和其他元素都在一行上
2. 元素的宽、高以及顶和底边距不可设置
3. 元素的宽度就是它包含的文字或图片的宽度，不可改变

2. 内联元素可以通过display：inline将元素设置为内联元素，从而使元素具有内联元素的特点
3. 典型代表：span、a、strong、em、del、ins

3. 内联块级元素

1. 特点

1. 和其他元素都在一行上
2. 元素的宽、高以及顶部和底边距可以设置

2. display：inline-block将元素设置为内联块级元素
3. 典型代表：input、img