触手生春【4.14】CSS与HTML结构
作者：ximicc 来源：ximicc博客 发布时间：2008-12-09 18:10:00
前面已经提到，CSS之所以如此强大，是因为它采用HTML文档结构来决定其样式的应用。但这仅仅只是一方面，因为它只暗示了CSS之所以使用文档结构，仅仅是为了决定将不同的规则应用于不同的元素这一点。
事实上文档的结构往样式的应用中扮演着更为重要的角色。为了理解这一角色我们需要理解文档是怎样结构化的。对于下面列举的这个简单的HTML文档，如图显示了其对应的"树型视图"：
CSS的大部分能力都是基于元素的父子关系。HTML文档，实际上大多数结构文档，都是基于元素的层次关系的，这种层次可以用下图的树形结构来刻画。在这样的层次图中，每个元素都处于整个结构文档中的某个位置，而且每个元素或是另一个元素的父元素，或是子元素，或者既是父元素又是子元素。
一个元素包含了另一个元素，那么这个元素就是另一个元素的父元素。例如在上图中，P元素是EM和STRONG元素的父元素，而STRONG是另一个定位锚(A)元素的父元素，这个定位锚元素又是另一个EM元素的父元素。相反地，一个元素被另一个元素所包含，那么它就是子元素。这样，图中的链接元素就是STRONG元素的子元素，STRONG又是段落元素的子元素，依次类推。
父和子的术语常常被一般化为祖先和后代这两个术语。但也有区别：在树形图中，如果一个元素刚好处于另一个元素的上面一层，那么它们就是父子关系。当然，子元素也是一个后代，父元素也是一个祖先。但是，如果从一个元素到另一个元素的路径上跨越了两个或更多层次，那么它们就具有祖先-后代关系。上图中，第一个UL元素是两个LI元素的父元素，但它也是第二个UL元素下所有元素的祖先元素，一直到最深一层的LI元素。
继续观察树型结构，可以看到定位锚元素是STRONG的子元素，同时也是段落元素的后代，还是BODY和HTML元素的后代。BODY元素是所有浏览器能显示的元素的祖先，当然HTML元素是所有元素的祖先。基于这个原因，HTML元素也被称为根元素。
0
投稿猜你喜欢
- 网站上的Banner条，是网站用来作为盈利或者是发布一些重要的信息的工具。但是它又不能作为网页的主要内容，因为它的主要目的是吸引人的注意力，
- 我想把存在数据库里的每天24小时来访者数另放到一个Excel文件中去，可以吗？可以，其实就是将数据库里面的内容生成一个Excel文件：toe
- 经过一个阶段的asp学习,下面我们结合所学过的内容建立一个最简单的聊天室,虽然很简单,但是大家可以通过他来掌握一个聊天室建立的基本过程,并且
- 几个常用的js小函数，在表单验证时也许您用得到：一检查是否是email地址，二检查是否为数字，三检查是否为电话号码，四检查num是否是负数或
- 技术在进步，思维在发展，网页上的花样当然也要一天天地赶时髦了。在“滚动字符”、“跑马灯”已成平常的今天，网页上还能变出新花样吗？◆制作鼠标指
也许光从字面上来说，版式设计中的“亲密性”似乎不太好理解，正常的情况下，我们都会把“亲密性”理解为人与人之间的关系的一种表现，事实上在版式设- 简单asp加载access数据库，并生成XML，然后再将XML数据加载进LIST组件范例学习。演示：http://www.taoshaw.c
- 1)用这个方法，把虚拟主机的默认页只设置成一个比如index.asp 在index.asp的最上面加入以下代码：<％if R
- 春节休息了几天，今天上班第一天，最近混twitter混得比较多，经常要压缩URL，以前做了个书签用http://is.gd/压缩，后来发现了
- 现在我将清除页面缓存的一些方法总结如下：1、在Asp页面首部加入<％ Response.Buffer = True
- Oracle中有多种方法可以向数据库或服务器文件系统上载文件，这里主要介绍如下三种：Oracle HTTP Server（OHS）的mod_
- 要随机生成字符串代码如下：在MySQL中定义一个随机串的方法，然后再SQL语句中调用此方法。随机串函数定义方法：CREATE DEFINER
- 为了防止某些别有用心的人从外部访问数据库，盗取数据库中的用户姓名、密码、信用卡号等其他重要信息，在我们创建数据库驱动的解决方案时，我们首先需
- 在设计中保持一致性（uniformity）是网页设计中一个重要的组成部分，它能使你的设计有效地传达信息而不会导致用户迷惑或焦虑。保证一致性的
- 单位内部网站第三次修改，即将进入尾声，遇到一个怪现象，就是在自定义标签中，加入链接会被替换掉成这样的格式{$GetInstallDir}ad
- 客户强烈要求使用淘宝的首页商品分类效果，很BT~，没辙就满足一下人家的需求。通过淘宝案例，立即想到了显示/隐藏层的效果，于是在DW中画了几个
- 大家都知道系统存储过程是无法用工具导出的（大家可以试试 >任务>生成SQL脚本） 因为系统存储过程一般是不让开发人员修改的。 需
- XML文档因为其固有的描述性特性而趋向于变得很罗嗦。其结果是文档会由于被描述的数据增多而变得很长，而这种很大的文档会在需要同其他实体进行交换
- 受<! #include file="filename.asp" --> 宏限制必须存在该文件并且会预先编译
- ASP错误大全 Microsoft VBScript语法错误(0x800A03E9)--＞内存不足 Microsoft VBScript语法
