php的div和p的区别,p标签与div标签区别
一、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标签区别相关推荐
- 简述div标签和span标签的不同_div与span区别及用法
DIV与SPAN区别及div与san用法篇 接下来了解在div+css开发的时候在html网页制作,特别是标签运用中div和span的区别及用法.新手在使用web标准(div css)开发网页的时候, ...
- <nav>导航标签 和div标签一样,块属性标签</nav> <main>内容区域,和section没有区别</main> <section>内容区域,和main没有区别</sect
<nav>导航标签 和div标签一样,块属性标签</nav> <main>内容区域,和section没有区别</main> <se ...
- html5中还有div吗,关于html5中的section标签与div标签的区别(内有实例)
摘要 腾兴网为您分享:关于html5中的section标签与div标签的区别(内有实例),周公解梦,智学网,学习计时,完美root等软件知识,以及网上预约医院软件,字体预览软件,铁血联盟卷土重来,海量 ...
- 关于html5中section标签与div标签的区别
关于html5中section标签与div标签的区别 本篇文章主要的想大家介绍了关于HTML5 section标签和div标签的区别,section和div的用法看似相近,实则差的也不是太多,有些地方 ...
- html中的main标签,html中div标签、section标签和acticle标签三者有啥区别,main和div
html中div标签.section标签和acticle标签三者有啥区别什么是html中的div标签.section标签和acticle标签的区别, 线索: 本来我以为这三个标签的作用差不多.后来查了 ...
- html5 section与div,关于html5中的section标签与div标签的区别(内有实例)
本篇文章主要的想大家介绍了关于HTML5 section标签和div标签的区别,section和div的用法看似相近,实则差的也不是太多,有些地方可以相互转换都行,但有些地方只能用section或者只 ...
- [暑假]section标签和div标签的区别
如果迫切需要知道答案可以跳过对二者的理解往下看哦. 不过话说回来这个不仔细研究,对自身知识框架的搭建影响很小的,所以也可以不看-. 对section标签和div标签的理解: div标签 ...
- div标签和span标签区别
<div>标签和<span>标签的异与同 相同的地方: 都是成对标签例如<div></div><span></span> 都可以 ...
- JavaScript中Element与Node的区别,children与childNodes的区别
关于Element跟Node的区别,cilldren跟childNodes的区别很多朋友弄不清楚,本文试图让大家明白这几个概念之间的区别. Node(节点)是DOM层次结构中的任何类型的对象的通用名称 ...
最新文章
- Linux 双网卡绑定测试
- OSPF-lsa-types
- 【Netty】Netty 入门案例分析 ( Netty 模型解析 | Netty 服务器端代码 | Netty 客户端代码 )
- 线性规划、梯度下降、正规方程组——斯坦福ML公开课笔记1-2
- plsql tables 没有表_InnoDB 层锁、事务、统计信息字典表 | 全方位认识 information_schema...
- hdu-5003 Osu!(水题)
- JS鼠标滚轮事件详解
- 有哪些工具可以让嵌入式开发事半功倍?详细盘点工程师必备工具
- android 触摸屏(TP)问题现象分析和解决方法
- 64 位系统 vs2013 配置 OpenCV-3.1.0
- 2020 年百度之星·程序设计大赛 - 初赛一 Civilization BFS广搜
- java正则过滤小括号,java正则表达式获取大括号小括号内容并判断数字和小数亲测可用...
- r语言如何计算t分布临界值_第十二讲 R-配对样本t检验
- C++对数计算log
- springboot大学生就业规划系统毕业设计-附源码191451
- java新手抖机灵(java新手技巧)
- Android仿拼多多拼团堆叠头像
- MySQL第41题怎么评分_MYSQL练习题54道(包含尽可能多的解决方法及思路)
- 计算机网络期末冲刺复习
- 安装MinGW-w64
热门文章
- 福利一波,赠票:2018杭州云栖大会 - 单日票(9月22日)
- SpringBoot整合security的登录问题
- mysql-索引-笔记
- to make target ‘../../lib/aaaaa.so‘, needed by ‘ xxx ‘
- win10子系统ubuntu root用户
- mobilefacenet
- ncnn-mobile
- CUDA driver version is insufficient for CUDA runtime version
- VS2015 error MSB6006: “cmd.exe”已退出 代码为 3
- 十三、limit 的使用