小结

先来看看三者之间的属性以及作用

<div>:无意义的块级标签,作用:在页面布局中划分页面版块区域



<span>:无意义的行级标签,作用:在页面布局中存放内容,span不能设置width、height,其内容width、height由文本内容控制

<p>:段落标签,块级标签,独立占据一行,可以设置width、height

块级标签与行级标签(内联标签)

块级标签:块元素,一般是单独占一行,不管内容多少,总是占一行,块级标签的大小可以通过width,height属性的属性值来设置,如果都不给,宽度是默认为浏览器页面的宽度,高度为内容的高度。

行级标签内联标签):行内元素,不会单独占一行,行内元素的宽度是由内容决定的,多个行内元素在一起,只会占一行

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 12,885评论 1 91
  • 前言 因为要在团队内作一次技术分享,想了几个题目,最后还是决定系统总结一下我在CSS布局这方面的知识。一是这个题目...
    Samhanx阅读 487评论 0 6
  • 作者:守候文章转载自:https://segmentfault.com/a/1190000011390896 1....
    IT程序狮阅读 1,427评论 3 30
  • web的总结 html部分 1. 纯文本语言,javascript、css、java、txt、html...
    枇杷树8824阅读 118评论 0 0
  • 块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别 块级元素:div p hr form h1~h6 ...
    汤初景阅读 64评论 0 0
  • 相信每个人年轻时都大气磅礴,意气风发,毫不尴尬的畅谈自己的梦想和人生规化吧。后来就怎么忘了,羞于开口谈那些理想了,...
    思念如一柔羽毛阅读 88评论 2 2
  • 乡间的小路,它是我儿时的记忆,它是我少年的幸福,它是我中年的牵挂,因为路的那头留住了母亲的模样! 乡间的...
    静青漪阅读 245评论 1 4
  • 日本的管理咨询师山下英子提出了一个概念“断舍离”,颇有点“禅”的味道。其实,“断舍离”是通过收拾物品来了解自己,...
    故乡的河阅读 103评论 1 2
  • 2014/11/9接沧浪诗社陆老师通知。下午1点半前往江苏省苏州昆剧院,在丝绸博物馆旁小巷内。(校场桥路)门刻石:...
    99无言阅读 109评论 2 6