国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS入門 XHTML文檔結構樹

2024-07-11 08:43:52
字體：大 中 小
來源：轉載
供稿：網友
CSS通過與(X)HTML的文檔結構相對應的選擇器（selector）來達到控制頁面表現的目的，而文檔結構不僅僅在CSS的應用上非常重要，對于行為層（例如使用JavaScript控制元素的行為）同樣也非常重要。
　　文檔結構(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>文檔結構與選擇器- www.survivalescaperooms.com</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的文檔結構相對應的<a href="selector01.html" title= "關于選擇器的內容">選擇器（<em>selector</em>）</a>來達到控制頁面表現的目的。 </p>
</body>
</html>
 
文檔結構樹

　　CSS大部分能力是基于元素的“父子”關系，如果元素A包含了元素B，那么元素A就是“父元素”，被包含的元素B是“子元素”。每個元素都是另一個元素的 “父”或者“子”或者兩者都是。例如：<body>既是<html>的子元素，又是<h1>的父元素。在家族樹中， 父子元素是相連的，而且父元素在子元素的上面一層。

　　“父”與“子”有時候又被一般化為“祖先（或稱前輩）”和“后代（或稱子孫）”，從一個元素到另一個元素中間跨越了一層或更多層，就是“祖先/ 后代”關系。例如圖4-1中，<html>就是<h1>的祖先，<h1>則是<html>的后代。 <body>是所有瀏覽器能顯示的元素的祖先，而<html>是所有元素的祖先，也稱為“根元素（root）”。“祖先/后代” 關系包含“父子”關系。

　　有著相同父元素的元素之間互為“兄弟”關系。例如圖4-1中，<h1>和<ol>為兄弟關系，<body>是它們共同的父元素，<ul>里的3個<li>也互相為兄弟關系。

　　提示：很多選擇器都是針對文檔結構匹配的，因此掌握文檔結構的意義非常重要。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 丁青县| 神农架林区| 英超| 孟州市| 蓝田县| 竹山县| 民乐县| 南昌市| 永清县| 富裕县| 上栗县| 郎溪县| 淳安县| 黑龙江省| 怀远县| 宁波市| 贵州省| 行唐县| 崇礼县| 大新县| 涿州市| 屯门区| 乳山市| 岐山县| 玉田县| 郎溪县| 丰城市| 盈江县| 鹤岗市| 德清县| 固始县| 治县。| 建始县| 广汉市| 靖西县| 鹤山市| 颍上县| 汨罗市| 晴隆县| 东宁县| 从化市|