欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

定义:给父元素设置一些属性,子元素也可以使用

例如:谷歌开发者工具也可以给出验证,p标签继承了div标签的属性

 <style> div{ color: red;
 }</style></head><body><div> <p>我是用来测试div工具的</p></div>

 

CSS继承性&谷歌开发者工具其它作用

 

 

3.注意:

(1)并不是所有的属性都是可以继承的,只有以color/font-/text-/line开头的属性才可以继承

如例子中所示,这一属性是灰色的,代表属性并非继承来的

CSS继承性&谷歌开发者工具其它作用

 

 

(2)在CSS的继承中不仅仅是儿子可以继承,只要是后代都可以继承

div{
 color: red; font-size: 50px; background: skyblue; } .......省略代码.......... <div> <ul> <li> <p>我是多层次的</p> </li> </ul></div>

 

CSS继承性&谷歌开发者工具其它作用

 

 

(3)CSS继承性的特殊性

i.a标签的文字颜色和下划线是不能继承的

ii.h标签的文字大小是不能继承的

 div{
 color: red; text-decoration: none; font-size: 30px; } ......省略代码........ <div><a href="#">测试a标签</a><h1> 我是用来测试h标签的 </h1></div>

 

CSS继承性&谷歌开发者工具其它作用

 

 

解释:a标签颜色不是红的而且带下划线,h标签的字体大小也不是我们设置的

4.作用:用来设置网页上的共性的格式,简约代码。

点击【右上角,关注 子瑜说IT 】持续更新IT资讯以及web前端开发教学

8年开发老码农福利赠送:网页制作,网站开发,web前端开发,从最零基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端小程序项目实战【视频+工具+系统路线图】都有整理,送给每一位对编程感兴趣的小伙伴

获取方式:

右上角有私信,请私信发我:01 即可获取!

CSS继承性&谷歌开发者工具其它作用

 

CSS继承性&谷歌开发者工具其它作用

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-jiaocheng/tc58999.shtml