在CSS中,HTML中的标签元素可以被分成三种类型,分别是:块状元素、内联元素和内联块状元素。
常用的块状元素有:
、
、(
......
标题)、
- 、
- 、
(长引用)、块状元素的特点:
1、一个块状元素独占一行;
2、块状元素的高度、宽度、底边距、定边距和行高都可以设置;
3、块状元素的宽度在不设置的情况下是它父元素的100%。
常用的内联元素有:
、、、
、、、、、、、内联元素的特点:
1、和其它元素在一行;
2、内联元素的高度、宽度、底边距、定边距和行高都不可以进行设置;
3、内联元素的宽度就是它所包含文字或者图片的宽度,是不可以进行改变的。
常用的内联块状元素有:
、
将内联元素转换为块状元素在要转换的内联元素的css里面写{display:block}
将块状元素转换为内联元素在要转换的块状元素的css里面写{display:inline}
将元素转换为内联块状元素在要转换的元素的css里面写{display:inline-block}