块级元素和行内元素
div元素和span元素
相同点
div
和span
都可以将HTML
元素组合起来,类似一个盒子将里面的内容当作一个整体来处理,从而实现整体作用效果,提高效率。
不同点
div
是块级元素,是可用于组合其他HTML
元素的容器,其常用的用途是文档布局,主要用于页面的排版。span
是内联元素(行内元素),主要用于容纳文字。span
只是把内容定义成一个整体进行操作,不影响布局和显示,而且span
没有什么实用特性,它的作用便是围绕HTML
代码中的其他元素,为其指定样式。
块级元素和内联元素的转换
- 给块元素定义
display:inline
,块元素便成为了内嵌元素, - 给内嵌元素定义
display:block
就成为了块元素。