快速业务通道

理解(X)HTML的文档结构

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-03-04

CSS通过与(X)HTML的文档结构相对应的选择器(selector)来达到控制页面表现的目的,而文档结构不仅仅在CSS的应用上非常重要,对于行为层(例如使用JavaScript控制元素的行为)同样也非常重要。

4.1 文档结构

(X)HTML文档可以看作一个家族树,这个树有1个祖先——根元素,然后各元素依次向下排列,例如有XHTML代码如下,其文档树如图4-1所示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文档结构与选择器</title>
</head>
<body>
  
<h1>第3章<em>CSS入门</em></h1>
  
<p><acronym title="Cascading Style Sheets,层叠样式表">CSS</acronym>是一种标记性语言。</p>
  
<ol>
    
<li>CSS的<em>优缺点</em></li>
    
<li>CSS的使用方法
      
<ul>
        
<li>内联式样式</li>
        
<li>嵌入式样式表</li>
        
<li>外部样式表</li>
      
</ul>
    
</li>
    
<li><strong>基本</strong>样式规则</li>
  
</ol>
  
<p>CSS通过与(X)HTML的文档结构相对应的<href="selector01.html" title= "关于选择器的内容">选择器(<em>selector</em></a>来达到控制页面表现的目的。 </p>
</body>
</html> 
文档结构图
图4-1 文档结构树

CSS大部分能力是基于元素的“父子”关系,如果元素A包含了元素B,那么元素A就是“父元素&r

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号