html有div还需要p h吗,html P标签为什么不能嵌套div?还有关于html P标签的css样式的实例介绍...

本篇文章介绍了有关于html p标签的进阶版,上一篇基础版没看过的同学点击下方的链接就可以看了,本篇主要介绍了html p标签的两个重要知识点,一个是如何用css的样式来控制P标签的具体使用,每个都有实例,有兴趣的同学可以自己敲代码试试,还有一个是html P标签为什么不能嵌套div的详解,希望各位认真阅读

html P标签标签定义及使用说明:

标签定义段落。

元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

html P标签的属性:

fcd823cc64fa27c62004c69b0d3133b3.png

HTML中P标签内为什么不能嵌套div标签

深究:

我们先来认识in-line内联元素和block-line块元素,因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。

in-line这个词有很多种解释:内嵌、内联、行内、线级等,但是,它们都是表示相同的意思,在这里我们选择习惯的叫法-内联。

先看下面的例子你就能明白两者的差别:

测试一下块元素与内联元素的差别

测试一下

块元素
与内联元素的差别

上面的例子自己随便实践一下就知道效果了,这里就不占用空间了,

会自己产生一个新的行,而 并没有换行,这是在没有CSS渲染的情况下才这样,同样,我们也可以通过CSS把div定义成内联元素,把span定义成块元素,但是,我们却不能在HTML里任意转化它们,块元素可以包含内联元素或某些块元素(上面的例子其实是错误的使用--->我把
放在

里面了) ,但内联元素却不能包含块元素,它只能包含其他的内联元素,再看看这个:

我喜欢在php中文网讨论Web标准的原因。

其中

是属于块元素,而是属于内联元素,

包含

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值