黑马程序员技术交流社区
标题:
前端css属性之三种显示模式
[打印本页]
作者:
1193518624
时间:
2018-9-14 19:06
标题:
前端css属性之三种显示模式
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~~~~~~~~~~~
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2
