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

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

相同点：

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

不同点：

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

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

注意点：

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

举例说明：

①div实例

    

        
小学
        
小学生
    
 

    

        
中学
        
中学生
    

    

        
大学
        
大学生
    

②span实例

    


    
进行实例测试

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

    
测试实例测试