目录 块级元素 内联元素 内联块级元素 总结 一、块级元素(block) 定义:默认情况下,独占一行的元素就是块级元素。 特点: 每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 元素的高度、宽度、行高以及顶和底边距都可设置 元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)。 常见的块级元素: 、、 ...、、 、、、、 、 二、内联元素(inline) 定义:内联元素,也叫行内元素。默认情况下,和其他元素在同一行上,并且元素的高度、宽度等不能设置的元素就是内联元素。 特点: 和其他元素都在一行上; 元素的高度、宽度及顶部和底部边距不可设置; 元素的宽度就是它包含的文字或图片的宽度,不可改变。 常见的内联元素:、、、、、、、、、、 三、内联块状元素(inline-block) 定义:默认情况下,和其他元素在同一行上,并且元素的高度、宽度等可以设置的元素就是内联元素 特点: 和其他元素都在一行上; 元素的高度、宽度、行高以及顶和底边距都可设置。 常见的内联块级元素:、 四、总结 不管是哪种元素,他们之间都可以通过css中的display属性进行相互转换。