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

首頁 > 開發 > CSS > 正文

CSS入門 XHTML文檔結構樹

2024-07-11 08:24:34
字體：大 中 小
來源：轉載
供稿：網友
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>文檔結構與選擇器- m.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>也互相為兄弟關系。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 根河市| 木里| 广水市| 互助| 巨鹿县| 容城县| 县级市| 诸暨市| 吉首市| 桂林市| 绥中县| 镇赉县| 扎赉特旗| 太和县| 万年县| 南康市| 宣恩县| 秦皇岛市| 淮北市| 宁武县| 景谷| 绍兴县| 淳化县| 雷波县| 东乡族自治县| 门头沟区| 时尚| 象山县| 博爱县| 揭西县| 石嘴山市| 鸡东县| 阿城市| 巨鹿县| 沐川县| 邳州市| 石首市| 噶尔县| 齐齐哈尔市| 梨树县| 龙南县|