div和span的区别以及行内元素和块元素的转换?

您所在的位置:网站首页 html中节点和元素有什么区别 div和span的区别以及行内元素和块元素的转换?

div和span的区别以及行内元素和块元素的转换?

2024-07-10 05:19| 来源: 网络整理| 查看: 265

div和span的区别以及行元素和块元素的转换?

相同点:

div和span都可以将HTML元素组合起来,类似一个盒子将里面的内容当作一个整体来处理,从而实现整体作用效果,提高效率。

不同点:

div是块级元素,是可用于组合其他HTML元素的容器,其常用的用途是文档布局,主要用于页面的排版。

span是内联元素(行内元素),主要用于容纳文字。span只是把内容定义成一个整体进行操作,不影响布局和显示,而且span没有什么实用特性,它的作用便是围绕HTML代码中的其他元素,为其指定样式。

注意点:

块元素和行内元素不是不可改变的,只要给块元素定义display:inline,块元素便成为了内嵌元素,给内嵌元素定义display:block就成为了块元素。

举例说明:

①div实例

    .text {     background-color:black;     color:white;     margin:10px;     padding:10px;      }              小学         

小学生

                  中学         

中学生

                  大学         

大学生

    

②span实例

             span.blue {         color:blue;          }          进行实例测试

③行内元素块元素变换实例

    测试实例测试


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3