首页
产品
快图
小程序
微商城
网站建设
新闻
公司动态
行业资讯
关于
案例
联系
了解(X)HTML的文本文档构造
2021-03-16 18:17
jianzhan
CSS根据与(X)HTML的文本文档构造相对性应的挑选器(selector)来做到操纵网页页面主要表现的目地,而文本文档构造不仅在CSS的运用上十分关键,针对个人行为层(比如应用JavaScript操纵元素的个人行为)一样也十分关键。
4.1文本文档构造
(X)HTML文本文档能够看做1个大家族树,这个树有1个先祖——根元素,随后各元素先后向下排序,比如有XHTML编码以下,其文本文档树如图4⑴所示。
<!
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//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
>
文本文档构造与挑选器
</
title
>
</
head
>
<
body
>
<
h1
>
第3章
<
em
>
CSS新手入门
</
em
></
h1
>
<
p
><
acronym
title
="CascadingStyleSheets,堆叠款式表"
>
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
>
图4⑴文本文档构造树
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>也相互之间为弟兄关联。
提醒:许多挑选器全是对于文本文档构造配对的,因而把握文本文档构造的实际意义十分关键。
为您推荐
了解(X)HTML的文本文档构造
荼叶企业俄文买东西企业网站建设
做互连网互联网营销推广还要适度掌握编
锐强机械设备
总结初学者学CSS非常容易出現不正确的內
所有文章
公司动态
行业资讯