HTML&CSS基础-样式的继承
2024-10-21 09:28:18
HTML&CSS基础-样式的继承
作者:尹正杰
版权声明:原创作品,谢绝转载!否则将追究法律责任。
一.HTML源代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>样式的继承</title> <style type="text/css">
body{
font-size: 30px;
}
</style> </head>
<body> <!--
像儿子可以继承父亲的遗产意义,在CSS中,祖先元素上的样式,也会被他的后代元素所继承,利用继承,可以将一些基本的样式设置给祖先样式,这样所有的后代元素将会自动继承这些样式 但并不是所有的样式都会被子元素所继承,比如:背景相关的样式,边框相关的样式,定位相关的样式都不会被继承. 温馨提示:
所有元素默认背景颜色都是透明的("transparent")。
-->
<div style="background-color: yellow;">
<p>
我是p标签中的文字
<span>我是span中的文字</span>
</p>
</div> <span>我是div元素外的span文字</span>
</body>
</html>
二.浏览器打开以上代码渲染结果
三.使用官方手册查看“background-color”属性的继承性
1>.如下图所示,点击"HTML/CSS"
2>.如下图所示,点击"CSS"
3>.如下图所示,点击"CSS 背景"
4>.如下图所示,点击"background-color"
5>.查看"继承性"
6>.查看默认值是透明的("transparent")
四.使用官方手册查看“background-color”属性的继承性
1>.如下图所示,点击"HTML/CSS"
2>.如下图所示,点击"CSS"
3>.如下图所示,点击"CSS 字体"
4>.如下图所示,点击"font-size"
5>.如下图所示,我们查看到"font-size"属性是可以继承的
最新文章
- sql server操作类(本人自己写的)
- 为大家分享一个 Ajax Loading —— spin.js
- 【BZOJ-1962】模型王子 DP 猜数问题
- iOS - 类簇
- 再战map
- SQL批量修改表名
- Windows开发中一些常用的辅助工具
- WPF MultiBinding后台绑定动态属性 属性改变不调用Convert的问题
- jq实战-表单验证
- mktime性能问题调查
- 通过Azure Powershell获取asm及arm虚拟机的配置信息
- 【学习笔记】 使用XML配置和注解实现Spring的依赖注入DI (2-3-2)
- ABP领域层知识回顾之---仓储
- 【C#】wpf中的xmlns命名空间为什么是一个网址,代表了什么意思(转载)
- [转] ES6展开运算符
- Autowired byType 与 byName 策略
- C. Multi-Subject Competition
- springBoot整合MongoDB(单机)
- JavaScript 删除 ASP.NET 设置的多值 Cookie 的方法
- python抽象类的实现方式:abc模块