块级元素和行内元素

div元素和span元素

相同点

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

不同点

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

块级元素和内联元素的转换

  • 给块元素定义display:inline,块元素便成为了内嵌元素,
  • 给内嵌元素定义display:block就成为了块元素。

参考资料

https://blog.csdn.net/glyly555/article/details/80408890