开发者学堂课程【CSS 快速掌握:继承性】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/611/detail/9180
继承性
内容介绍
一、继承性特点
二、关于继承性的问题及解释
三、注意事项
一、继承性的特点:
1. 外层元素身上的样式会被内层元素所继承
2. 如果内层元素与外层元素身上的演示相同时,外层元素的样式会被内层元素所覆盖
二、关于继承性的问题
是不是所有样式都能被继承?
答:并不是所有样式能被继承,只有文本与字体样式属性能被继承,其他样式属性不能被继承
解释如下:
body{
color: #f00;
font-size: 36px;
}
div
{
coLor: #00f;
/*
给div标签来一个边框*/
border
:1px solid #ccc
}
</style>
</ head>
<body>
给 div 标签来一个边框 border:1px solid #ccc
div 标签相对于 h2 标签和p 标签来说 它是一个外层元素
现在给外层元素设置一个边框的样式 这个边框会不会被继承
如果会 h2 和 p 标签都会有一个边框
三、注意事项
在实际工作中,我们往往会给 boby 标签设置字体大小以及字体颜色,因为 boby 标签是最外层的元素,内层的元素会继承外层的元素样式。