CSS基本使用(一)

您所在的位置:网站首页 color啥意思汉语 CSS基本使用(一)

CSS基本使用(一)

2023-12-14 07:25| 来源: 网络整理| 查看: 265

一、color属性设置

提前:以color使用inherit有几种情况分析,以a标签为例,如果a标签本身没有给出颜色属性: 第一种:没给a标签赋值:

(1) 记住:a标签的颜色没有默认继承属性。 所以:他的所有父级元素有没有给出颜色属性都不影响a标签的默认属性。

运行结果: 在这里插入图片描述 第一种:给a标签赋值color,但是没给父级元素赋值:

Document .test{ color: red; } 超链接

运行结果: 在这里插入图片描述 第二种:给a赋值inherit,但是没给父级两个元素赋值:

.test{ color: inherit; }

运行结果: 在这里插入图片描述 第三种:a赋值inherit,给一级父级和二级父元素赋值:

.parent{ color: yellow; } .son{ color: red; } .test{ color: inherit; }

运行结果: 在这里插入图片描述 备注:继承会使用最近的继承辈颜色 第四种:a赋值inherit,给一级父级或者二级父元素赋值: 运行结果: 和对应被赋值的元素颜色相同。

注意:因为a标签颜色有默认属性样式,所以会优先使用自己的默认属性,但是div没有默认的颜色,所以可以默认继承父辈body的颜色

font-size属性:

注意:字体大小font-size刚好跟颜色color相反,a标签的font-size的就有默认继承属性。 第一种:a没给出inherit属性,如果父级设置属性,则自动继承:

.parent{ font-size: 30px; } .son{ } .test{ } 超链接

运行结果: 在这里插入图片描述

总结

所以能否继承就看不主动写出该属性的前提下,是否有小三角形默认样式属性。 在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3