CSS教程：理解继承属性及应用
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-04
|
4.5 继承 <p>文档树中一元素的<strong>某些值</strong>可以被其子元素继承。</p> 
图4-29 值的继承 要设定文档的某些缺省样式属性，可以在文档树的根上设定该属性，如果这个属性可以继承，则其后代元素将继承这个属性，例如color、font-size等属性。在(X)HTML中，<html>或<body>元素可以实现这一功能。例如： body { color: black; } 由于color属性是可继承的，所有<body>元素的后代都继承颜色值为“black”。 指定的百分比值不被继承，但是计算值可以被继承。例如： body { font-size: 12px; } h1 { font-size: 120% } <body> <h1>标题1 的<em>文字</em>会大一些</h1> <p>段落的文字继承body的定义</p> </body> <h1>元素的font-size属性的计算值为“14.4px”（其父元素值12px的120%）。由于“font-size”的 计算值被继承，<em>元素也继承“14.4px”的计算值。但是由于1个像素（1px）是电脑最小的显示单位，不可能显示“0.4px”， 所以<h1>和<em>元素“font-size”的实际值是“14px”。 4.5.2 “inherit”值 每一个属性可以指定值为“inherit”，即：对于给定的元素，该属性和它父元素相对属性的计算值取一样的值。继承值通常只用作后备值，它可以通过显式地指定“inherit”而得到加强，例如： p { font-size: inherit; } 4.5.3 继承的局限性 继承虽然减少了重复定义的麻烦，但是，有些属性是不能继承的，例如border（边框）、margin（边距）、padding（补白）和背景等。 这样设定是有道理的，例如，为一个<div>设定了边框，如果此属性也继承的话，那么在这个<div>内所有的元素都会 有边框，这无疑会 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 对话闲聊DIV+CSS与WEB标准下一篇: CSS制作的三款漂亮的网页表单
关于CSS教程：理解继承属性及应用的所有评论
