CSS的继承
父子关系：
例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>父子关系</title>
<base target="_blank">
<style>
<!--
h1{
color:red; /*颜色*/
text-decoration:underline; /*下划线*/
}
h1 em{ /*嵌套选择器*/
color:#00400; /*颜色*/
font-size:40px; /*文字大小*/
)
-->
</style>
</head>
<body>
<h1>祖国的首都<em>北京</em></h1>
<p>欢迎来到祖国的首都<em>北京</em>,这里是全国<strong>政治、<a href="economic.html"><em>经济</em></a>、文化</strong>的中心</p>
<ul>
<li>在这里，你可以:
<ul>
<li>感受大自然的美丽</li>
<li>体验生活的节奏</li>
<li>领略首都的激情与活力</li>
</ul>
</li>
<li>你还可以:
<ol>
<li>去八达岭爬长城</li>
<li>去香山看红叶</li>
<li>去王府井逛夜市活力</li>
</ol>
</li>
</ul>
<p>如果您有任何问题,欢迎<a href="contactus">联系我们</a></p>
</body>
</html>
这是一个很简单的HTML文档，这里看重在考虑各个标记之间的“树”型关系，如上例所示。在这个树型关系中，处于最上端的<html>标记称为“根(root)”，它是所有标记的源头，往下层层包含。在每个分支中，称上层标记为其下层标记的“父”标记，相应的，下层标记称为上层标记的“子”。
浙公网安备 33010602011771号