Go语言视频零基础入门到精通

gnwe1990 · 发表于 2011-10-9 23:19:33

HTML文档中的元素是分层次的，我们可以把这种层次归纳为几种关系：包含(嵌套、父子、继承)关系与并列(邻居、相邻、兄弟)关系

文档的层次也被称为文档树

HTML元素包含(嵌套、父子、继承)关系
<body>
      <div>
            <p>
                     <span>www.dreamdu.com</span>
            </p>
      </div>
</body>
上面的事例是一个典型的包含关系

body标签是最外层元素，可以理解为"祖父"
div标签在body标签中，所以它是body的孩子，我们把div叫"父亲"，div是body的直接包含
p标签在div标签中，所以它是div的孩子，我们把p叫"儿子"，p是div的直接包含
span标签在p标签中，所以它是p的孩子，我们把span叫"孙子"

p是div的直接包含，而p是body的间接包含
span是p的直接包含，而span是body的间接包含
我们也将HTML元素的包含关系称为嵌套、父子或继承关系

引用网址：http://www.dreamdu.com/css/html_hiberarchy/

HTML元素相邻(邻居、并列、兄弟)关系
<div>www</div>
<p>dreamdu</p>
<span>com</span>
上面的事例是一个典型的相邻关系

div与p是直接相邻
p与span是直接相邻
div与span是普通相邻
一个HTML文档往往是包含关系与相邻关系的组合

<body>
      <div>
            <p>
                     <span>www</span>
            </p>
            <strong>dreamdu</strong>
            <em>com</em>
      </div>
</body>
p，strong是并列关系，它们有同一个父亲div
p和strong是直接相邻的关系
p，em是并列关系，它们有同一个父亲div
p和em是普通相邻的关系
了解嵌套与并列关系对于理解CSS组合选择符有很大帮助

yy1020 · 发表于 2011-10-11 12:18:08

谢谢楼主分先啊。。。

bwdy2525 · 发表于 2011-10-18 04:30:59

批发各种厂家盐酸曲马多QQ:QQ:2280619240 ，盐酸曲马多批发零售均可，盐酸曲马多淘宝支付宝交易，盐酸曲马多全国最低价，联系电话15872394927 www.qumaduo888.com 批发各种厂家盐酸曲马多QQ:QQ:2280619240 ，盐酸曲马多批发零售均可，盐酸曲马多淘宝支付宝交易，盐酸曲马多全国最低价，联系电话15872394927 www.qumaduo888.com

批发各种厂家盐酸曲马多QQ:QQ:2280619240 ，盐酸曲马多批发零售均可，盐酸曲马多淘宝支付宝交易，盐酸曲马多全国最低价，联系电话15872394927 www.qumaduo888.com

批发各种厂家盐酸曲马多QQ:QQ:2280619240 ，盐酸曲马多批发零售均可，盐酸曲马多淘宝支付宝交易，盐酸曲马多全国最低价，联系电话15872394927 www.qumaduo888.com

批发各种厂家盐酸曲马多QQ:QQ:2280619240 ，盐酸曲马多批发零售均可，盐酸曲马多淘宝支付宝交易，盐酸曲马多全国最低价，联系电话15872394927 www.qumaduo888.com

		自动登录	找回密码
密码			立即注册

JAVA高级面试进阶视频教程	Java架构师系统进阶VIP课程	分布式高可用全栈开发微服务教程	Go语言视频零基础入门到精通	Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程	SpringBoot2.X入门到高级使用教程	大数据培训第六期全套视频教程	深度学习（CNN RNN GAN）算法原理	Java亿级流量电商系统视频教程
互联网架构师视频教程	年薪50万Spark2.0从入门到精通	年薪50万！人工智能学习路线教程	年薪50万！大数据从入门到精通学习路线	年薪50万！机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程	深度学习数据分析基础到实战	最新黑马javaEE2.1就业课程	从 0到JVM实战高手教程	MySQL入门到精通教程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

Java亿级流量电商系统视频教程

年薪50万Spark2.0从入门到精通

年薪50万！人工智能学习路线教程

HTML文档树，标签的包含与并列关系

本帖子中包含更多资源

相关帖子

浏览过的版块