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

首頁 > 開發 > CSS > 正文

理解(X)HTML的文檔結構

2024-07-11 08:42:55
字體：大 中 小
來源：轉載
供稿：網友
CSS通過與(X)HTML的文檔結構相對應的選擇器（selector）來達到控制頁面表現的目的，而文檔結構不僅僅在CSS的應用上非常重要，對于行為層（例如使用JavaScript控制元素的行為）同樣也非常重要。
4.1文檔結構
(X)HTML文檔可以看作一個家族樹，這個樹有1個祖先——根元素，然后各元素依次向下排列，例如有XHTML代碼如下，其文檔樹如圖4-1所示。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>文檔結構與選擇器</title>
</head>
<body>
<h1>第3章<em>CSS入門</em></h1>
<p><acronymtitle="CascadingStyleSheets，層疊樣式表">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的文檔結構相對應的<ahref="selector01.html"title="關于選擇器的內容">選擇器（<em>selector</em>）</a>來達到控制頁面表現的目的。</p>
</body>
</html>
文檔結構圖
圖4-1文檔結構樹

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>也互相為兄弟關系。
提示：很多選擇器都是針對文檔結構匹配的，因此掌握文檔結構的意義非常重要。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 辉县市| 含山县| 海丰县| 古交市| 宁都县| 太仓市| 金沙县| 当阳市| 固安县| 连云港市| 南宫市| 老河口市| 朝阳市| 汝州市| 老河口市| 都江堰市| 二连浩特市| 平果县| 乡宁县| 克拉玛依市| 常山县| 色达县| 绥中县| 庆云县| 衡东县| 玛多县| 霍山县| 驻马店市| 巴塘县| 麻城市| 桐柏县| 兴安县| 平定县| 高雄市| 兴海县| 溆浦县| 丹江口市| 蓬溪县| 习水县| 彭山县| 阿坝县|