CSS新手入门:XHTML文本文档构造树

日期:2021-01-20 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板


CSS根据与(X)HTML的文本文档构造相对性应的挑选器(selector)来做到操纵网页页面主要表现的目地,而文本文档构造不仅在CSS的运用上十分关键,针对个人行为层(比如应用JavaScript操纵元素的个人行为)一样也十分关键。
  CSS根据与(X)HTML的文本文档构造相对性应的挑选器(selector)来做到操纵网页页面主要表现的目地,而文本文档构造不仅在CSS的运用上十分关键,针对个人行为层(比如应用JavaScript操纵元素的个人行为)一样也十分关键。
  文本文档构造(X)HTML文本文档能够看做1个大家族树,这个树有1个先祖——根元素,随后各元素先后向下排序,比如有XHTML编码以下,其文本文档树如图4⑴所示。
<!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.jb51.net</title>
</head>
<body>
<h1>第3章<em>CSS新手入门</em></h1>
<p><acronym title="Cascading Style Sheets,堆叠款式表">CSS</acronym>是1种标识性語言。</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>的父元素。在大家族树中, 父子元素是相连的,并且父元素在子元素的上面1层。
  “父”与“子”有时又被1般化为“先祖(或称老前辈)”和“子孙后代(或称子孙后代)”,从1个元素到另外一个元素正中间超越了1层或更多层,便是“先祖/ 子孙后代”关联。比如图4⑴中,<html>便是<h1>的先祖,<h1>则是<html>的子孙后代。 <body>是全部访问器能显示信息的元素的先祖,而<html>是全部元素的先祖,也称为“根元素(root)”。“先祖/子孙后代” 关联包括“父子”关联。
  拥有同样父元素的元素之间互为“弟兄”关联。比如图4⑴中,<h1>和<ol>为弟兄关联,<body>是它们相互的父元素,<ul>里的3个<li>也相互之间为弟兄关联。
  提醒:许多挑选器全是对于文本文档构造配对的,因而把握文本文档构造的实际意义十分关键。
上一篇:可读性CSS编码撰写的小窍门 返回下一篇:没有了