块级元素特性总结
独成一行,可以设置宽高
在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度
在不设置高度的情况下,块级元素的高度是它本身内容的高度
可以设置上下左右的内边距和外边距
行内元素特性总结
默认并排,不可以设置宽高,宽高取决于内容
行内元素只能容纳文本或者其他内联元素(此处请注意,不要在内联元素中嵌套块级元素)
行标签之间有间隙,不可以设置上下外边距
行内块元素特性总结
默认并排,可以设置宽高,宽高取决于内容
可以设置任意方向的内边距和外边距
并排时中间有间距
元素类型转换
特殊情况下我们需要进行元素的模式转换,改变默认元素模式使其拥有另一种元素模式的特性,使用display属性能够将三者任意转换。
display:inline转换为行内元素
display:block转换为块状元素
display:inline-block转换为行内块状元素