一、css属性分辨

1、结构差距

div与p均是一对最先与闭合标签。

div以

最先,以

结束的一对标签。

p以

开端,以

完结的一对标签。

2、称谓分歧

div是布局框架标签;

p是段落标签,布局文章标签。

3、div与p底子css属性

div与p均独有一行的块元素标签,唯一鉴识,p自带有一定margin-top和margin-bottom属性值,而div两个属性值为0,也便是两个p之间有不一定间距,而div没有。

div凹凸没有距离间距,而p有。

p自带距离一行的间距,而div不有上下隔绝距离间距

从上实例图看见div与p之间在于隔断。而p距离是受line-height行高影响,行高小那末p上下间距就小,行高值大,那末高低段落p隔绝距离就大。

二、框架组织

在机关html重构时刻,div首要用于构造框架,大小结构构造均运用div来结构。

div用于结构框架

一样平常结构均运用div标签机关。

三、形式布局

机关模式,结构文章时分,文章分段,均采取p标签。

组织文章接纳p对比多

四、局部模式构造

尽管无意偶尔组织只要一段翰墨中央,可采纳div也可采取p标签,若是采用p标签,但不紧要p自带高下间距,这个时分我们就必要确定p自带高低间距,配置CSS:

.abc p{margin-top:0;margin-bottom:0}

这样即可肯定class=abc对象内p高下间距为0.

css取消p标签高低间距

CSS5首倡:平凡结构框架结构应用div组织,文章段落接纳p标签组织。这样依照标签性能使用标签,尽量做到不滥用标签尺度使用html标签元素。

php的div和p的区别,p标签与div标签区别相关推荐

  1. 简述div标签和span标签的不同_div与span区别及用法

    DIV与SPAN区别及div与san用法篇 接下来了解在div+css开发的时候在html网页制作,特别是标签运用中div和span的区别及用法.新手在使用web标准(div css)开发网页的时候, ...

  2. <nav>导航标签 和div标签一样,块属性标签</nav>    <main>内容区域,和section没有区别</main>    <section>内容区域,和main没有区别</sect

    <nav>导航标签 和div标签一样,块属性标签</nav>     <main>内容区域,和section没有区别</main>     <se ...

  3. html5中还有div吗,关于html5中的section标签与div标签的区别(内有实例)

    摘要 腾兴网为您分享:关于html5中的section标签与div标签的区别(内有实例),周公解梦,智学网,学习计时,完美root等软件知识,以及网上预约医院软件,字体预览软件,铁血联盟卷土重来,海量 ...

  4. 关于html5中section标签与div标签的区别

    关于html5中section标签与div标签的区别 本篇文章主要的想大家介绍了关于HTML5 section标签和div标签的区别,section和div的用法看似相近,实则差的也不是太多,有些地方 ...

  5. html中的main标签,html中div标签、section标签和acticle标签三者有啥区别,main和div

    html中div标签.section标签和acticle标签三者有啥区别什么是html中的div标签.section标签和acticle标签的区别, 线索: 本来我以为这三个标签的作用差不多.后来查了 ...

  6. html5 section与div,关于html5中的section标签与div标签的区别(内有实例)

    本篇文章主要的想大家介绍了关于HTML5 section标签和div标签的区别,section和div的用法看似相近,实则差的也不是太多,有些地方可以相互转换都行,但有些地方只能用section或者只 ...

  7. [暑假]section标签和div标签的区别

    如果迫切需要知道答案可以跳过对二者的理解往下看哦. 不过话说回来这个不仔细研究,对自身知识框架的搭建影响很小的,所以也可以不看-. 对section标签和div标签的理解:         div标签 ...

  8. div标签和span标签区别

    <div>标签和<span>标签的异与同 相同的地方: 都是成对标签例如<div></div><span></span> 都可以 ...

  9. JavaScript中Element与Node的区别,children与childNodes的区别

    关于Element跟Node的区别,cilldren跟childNodes的区别很多朋友弄不清楚,本文试图让大家明白这几个概念之间的区别. Node(节点)是DOM层次结构中的任何类型的对象的通用名称 ...

最新文章

  1. Linux 双网卡绑定测试
  2. OSPF-lsa-types
  3. 【Netty】Netty 入门案例分析 ( Netty 模型解析 | Netty 服务器端代码 | Netty 客户端代码 )
  4. 线性规划、梯度下降、正规方程组——斯坦福ML公开课笔记1-2
  5. plsql tables 没有表_InnoDB 层锁、事务、统计信息字典表 | 全方位认识 information_schema...
  6. hdu-5003 Osu!(水题)
  7. JS鼠标滚轮事件详解
  8. 有哪些工具可以让嵌入式开发事半功倍?详细盘点工程师必备工具
  9. android 触摸屏(TP)问题现象分析和解决方法
  10. 64 位系统 vs2013 配置 OpenCV-3.1.0
  11. 2020 年百度之星·程序设计大赛 - 初赛一 Civilization BFS广搜
  12. java正则过滤小括号,java正则表达式获取大括号小括号内容并判断数字和小数亲测可用...
  13. r语言如何计算t分布临界值_第十二讲 R-配对样本t检验
  14. C++对数计算log
  15. springboot大学生就业规划系统毕业设计-附源码191451
  16. java新手抖机灵(java新手技巧)
  17. Android仿拼多多拼团堆叠头像
  18. MySQL第41题怎么评分_MYSQL练习题54道(包含尽可能多的解决方法及思路)
  19. 计算机网络期末冲刺复习
  20. 安装MinGW-w64

热门文章

  1. 福利一波,赠票:2018杭州云栖大会 - 单日票(9月22日)
  2. SpringBoot整合security的登录问题
  3. mysql-索引-笔记
  4. to make target ‘../../lib/aaaaa.so‘, needed by ‘ xxx ‘
  5. win10子系统ubuntu root用户
  6. mobilefacenet
  7. ncnn-mobile
  8. CUDA driver version is insufficient for CUDA runtime version
  9. VS2015 error MSB6006: “cmd.exe”已退出 代码为 3
  10. 十三、limit 的使用