HELLO大家好!!今天给大家介绍下CSS中三种显示模式,他们分别是块级元素,行内元素,行内块元素
首先给大家详解下块级元素,块级元素有4个特性: 1,独占一行
2,宽度,高度,内外边距可以控制
3,宽度默认是容器的100%
4,是一个容器及盒子,里面可以放行内或者块级元素 (友情提示:段落里不要放块级元素)
行内元素有4个特性:1,相邻行内元素上。可以放多个行内元素
2,宽度,高度设置是无效的
3,默认宽度就是它内容本身的宽度
4,行内元素只能容纳文字或者其他的行内元素
行内块元素有3个特性:1,一行可以放多个行内块元素,中间有缝隙
2,可以设置宽高
3,默认大小就是内容大小
下面是标签显示的转换:display
display:block 行内元素转换块级元素
display:inline 块级元素转换行内元素
display:inline-block 块级,行内元素转换行内块元素
今天的介绍就到这里,3Q~~~~~~~~~~~
|
|