搜索文章：

首页  |  Java技术  |  Asp.net  |  Asp编程  |  VC/C++  |  Delphi  |  VB编程
上一篇：CSS教程（四）--样式选择器 >>

CSS教程（五）--标记的继承属性

作者： unknow

标记的继承（Inheritance）概念其实十分直观，就是被括在里面的标记将拥有外部标记属性。其中外部标记可视为父元件(parent Element)，内部标记我们可视为子元件(Child Element)，所以用子承父的性质来想，应该很容易理解。如下：

<html>
<head>
<style type="text/css">
<!--
H3 { color:BLUE;
text-align:CENTER;
}
H2 { color:RED; }
-->
</style>
</head>
<body>
<h3>这是蓝色H3文字，<EM>这是继承H3蓝色样式的斜体字</EM></h3>
</body>
</html>

<EM>标记包在<H3>标记之间，故<EM>标记内的文字继承了<H3>标记文字为蓝色的样式属性。


以百分比方式继承样式

继承百分比是样式表中十分重要的特性，它可让元件的属性以百分比方式相互参考。如下：

<html>
<head><title>以百分比方式继承字体样式</title>
<style type="text/css">
<!--
H1 {font-size:12pt}
H2 {font-size:200%}
H3 {font-size:24pt}
H4 {font-size:50%}
-->
</style>
</head>
<body>
<h1>H1定义的字体大小为12pt
<h2>H2继承H1的字体大小为200%*12=24pt</h2>
</h1><hr>

<h3>H3定义的字体大小为24pt
<h4>H4继承H3的字体大小为50%*24=12pt</h4>
</h3>
</body>
</html>

从上面的例子可以知道，用进分比来设定字体大小，可以继承父元件的字体样式，设定值是以字体的百分比计算的值。
下一篇：CSS教程（六）--样式表的优先顺序 >>
相关文章：
© 2006   www.java-asp.net