杰晶网络

CSS教程：理解继承属性及应用
网页制作 2024/11/23 佚名
3 2

4.5继承
在本书的[3.3.2继承与层叠]一节曾经简要介绍过继承：(X)HTML元素可以从其父元素那里继承部分CSS属性，即使当前元素并没有定义该属性。

4.5.1值的继承
继承也是基于文档树的，文档树中元素的某些属性可以被其子元素继承，每一个CSS属性都定义了它能否被继承。例如有下列代码，其在浏览器内显示如图4-29所示。
p{color:green;}
<p>文档树中一元素的<strong>某些值</strong>可以被其子元素继承。</p>
CSS教程：理解继承属性及应用
图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>内所有的元素都会 有边框，这无疑会产生一个让人眼花缭乱的结果。同样的，影响元素位置的属性，例如margin（边距）和padding（补白），也不会被继承。
同时，浏览器的缺省样式也在影响着继承的结果。例如：
body{font-size:12px;}
<h2>2级标题的文字不是12px。</h2>
这是因为浏览器的缺省样式设定了<h2>的CSS规则。
同时，有些老版本的浏览器可能对继承支持的不太好，例如某些浏览器当遇到<table>的时候，就会丢失所有的继承的属性，例如如下代码，在IE5.5中显示如图4-30所示。
body{font-size:12px;}
<p>段落的文字继承body的定义</p>
<table>
<tr>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
CSS教程：理解继承属性及应用
图4-30IE5.5中表格没有继承<body>的属性
因此，如果要照顾到这些老版本的浏览器，则可能需要如下定义：
body,table,th,td{……}
标签：
教程,网页制作,网页,属性,理解,继承,应用,<,元素,例如
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
评论“CSS教程：理解继承属性及应用”
暂无“CSS教程：理解继承属性及应用”评论...
www.imxmx.com 杰晶网络
8,675无损音乐
1,324高清电影
213破解软件
120,141站长资源
一句话新闻
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/11/23

3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。

苹果官方表示：

在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。

探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。

Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新动态

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网