A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 1193518624 初级黑马   /  2018-9-14 19:06  /  681 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

   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~~~~~~~~~~~

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马