初识html ——元素显示模式

1.块级元素：

属性：

display:block;

显示特点：

1.独占一行

                   2.宽度默认是父元素宽度

                  3.可以设置宽度

代表标签： div p h系列 ul li dl dt dd form header nav footer

2.行内元素

属性：

display:inline;

显示特点：

                        1.一行可以显示多个

                        2.宽度和高度默认由内容撑开

                        3.不可以设置宽度

代表标签：

                        a    span   b  u  i  s   strong  ins   em    del    

3.行内块元素

属性：

display:inline-block;

显示特点：

                        1.可以显示多个

                        2.可以设置宽度

代表标签：     

                    input    textarea   button   select  

注意：

                     img标签有行内块元素的特点，但是在调试工具显示是行内元素

4.元素模式的转换

                        转成块元素    :

display:block;

                         转成行内元素：

diaplay:inline

                        转成行内块元素：

diaplay:inline-block;

最后

以上就是高大飞鸟最近收集整理的关于初识html ——元素显示模式的全部内容，更多相关初识html内容请搜索靠谱客的其他文章。