CSS通过与(X)HTML的文档结构相对应的选择器（selector）来达到控制页面表现的目的，而文档结构不仅仅在CSS的应用上非常重要，对于行为层（例如使用JavaScript控制元素的行为）同样也非常重要。
　　文档结构(X)HTML文档可以看作一个家族树，这个树有1个祖先——根元素，然后各元素依次向下排列，例如有XHTML代码如下，其文档树如图4-1所示。

第3章CSS入门

CSS是一种标记性语言。

1. CSS的优缺点


2. CSS的使用方法
   
   
   
   • 内联式样式
   
   
   • 嵌入式样式表
   
   
   • 外部样式表
   
   
   
   


3. 基本样式规则

CSS通过与(X)HTML的文档结构相对应的选择器（selector）来达到控制页面表现的目的。

 
文档结构树

　　CSS大部分能力是基于元素的“父子”关系，如果元素A包含了元素B，那么元素A就是“父元素”，被包含的元素B是“子元素”。每个元素都是另一个元素的 “父”或者“子”或者两者都是。例如：既是的子元素，又是

的父元素。在家族树中， 父子元素是相连的，而且父元素在子元素的上面一层。

　　“父”与“子”有时候又被一般化为“祖先（或称前辈）”和“后代（或称子孙）”，从一个元素到另一个元素中间跨越了一层或更多层，就是“祖先/ 后代”关系。例如图4-1中，就是

的祖先，

则是的后代。 是所有浏览器能显示的元素的祖先，而是所有元素的祖先，也称为“根元素（root）”。“祖先/后代” 关系包含“父子”关系。

　　有着相同父元素的元素之间互为“兄弟”关系。例如图4-1中，

和

为兄弟关系，是它们共同的父元素，
里的3个
• 也互相为兄弟关系。
  
  　　提示：很多选择器都是针对文档结构匹配的，因此掌握文档结构的意义非常重要。

  提示： 本文由神整理自网络，如有侵权请联系本站删除！
  本站声明：
  1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
  2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！

  上一篇：快速定位页面中复杂 CSS BUG _CSS教程_CSS_网页制作_

  下一篇：一列固定宽度布局和背景图片绝对定位的实现代码_CSS布局实例_CSS_网页制作_