CSS继承：inherited和initial

最新推荐文章于 2024-08-23 10:23:17 发布
最新推荐文章于 2024-08-23 10:23:17 发布
阅读量356 收藏
点赞数
分类专栏： css 文章标签： css html css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52634719/article/details/127533380
版权

任何样式都有两种值，一种加inherited，一种叫initial

 每个标签都有浏览器默认样式

首先看颜色属性

 color有3种值

 

 

颜色有3种表示方式，最后一种是rgb(),用十进制来表示，但很少用，常用的是中间那个

 

来看实例

这里前面是红色，后面也是红色

 前面画了边框，后面没画边框

 然而我们希望是以下这种

 

强调：有些属性具有传递性，有些属性没有

颜色属性可以往里面送，是因为这里有继承说明

 

我们再来看下border属性，ctrl+f查找

 但是只是显示数量，太多了

我们在这个类别里面找：背景和边框

 

 

 从下面这里可以看出 ：不能传

 

color如果直接写initial，就采用浏览器默认样式，不接受外面传进来的颜色

 然后呈现黑色

 

想要传，得自己说明，然后我就继承你了

 

 所谓的级联样式表，就是具备传递性

又比如这里，‘别传了别传了，我还是用浏览器默认样式’，就是initial，不接受

 

 

 

爱雨天
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
5.CSS继承性（inherited)与层叠性
前端学习笔记
04-03 2762
选上了，先比权重，相同情况下谁CSS在下面谁屌；没选中，先比较距离相应HTML元素的远近；如果相同，则比较权重；如果权重相同，谁CSS在下面谁屌。!important只影响同级。多层相同标签嵌套，只要有选中的可能就表示选中。div div{}//选中了第二个和第三个div div{}//选中了三个div <div> <div> haha &lt...
css 高度继承父类_CSS继承
cuk0051的博客
08-29 2689
css 高度继承父类When you set some properties on a selector in CSS, they are inherited by all the children of that selector. 在CSS中的选择器上设置某些属性时，该属性将由该选择器的所有子级继承。 I said some, because not all properties sho...
css的特性-继承性
coderlhj666的博客
05-16 301
css的特性-继承性 一、css的某些属性具有继承性(Inherited)： 如果一个属性具有继承性，那在该元素设置之后，它的后代元素都可以继承这个属性。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewp
CSS 继承性 Inherited 权重
HandsomeDanielWu的博客
06-29 112
CSS 继承性 Inherited 权重
CSS的属性继承
coolchaobing的博客
07-28 3397
认识CSS的属性继承
CSS初学笔记：css的继承性和层叠性
qq_43955202的博客
12-29 730
CSS学习笔记： CSS继承性和层叠性 css的继承性。 1.css继承性：css某些样式属性可以给祖先元素设置，可以直接从祖先继承这些属性。 案例： .box{ /*盒子属性*/ width: 300px; height: 400px; background-color: red; border: 1px solid black; /*文字...
CSS-优先级与继承
Pluto_lei的博客
10-05 400
CSS(cascade style sheet)层叠样式表 一个元素的最终样式是由多个来源叠加后的结果 一、样式来源 使用不同的选择器设置的样式 浏览器默认样式 (user agent stylesheet) 继承的样式 (Inherited from xxx) 二、优先级顺序 !important > 内联样式(标签上得style上的属性) > 选择器设置样式 （css文件，style标签）> 浏览器默认样式 > 继承样式 2.1、!important <div clas
css设置元素继承父元素宽度,我如何做一个固定的定位div继承父的宽度？
weixin_36282765的博客
12-22 571
Is there a way a fixed positioned div can inherit the width of a parent?I know fixed width is relative to the window's so this code doesn't work:#wrapper{position: relative;width:500px;height: 20px;ba...
CSS 中已设置的属性怎么去掉?
qq_27009517的博客
08-12 2663
例子：样式被污染了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...
简单的CSS介绍界面
weixin_43819419的博客
09-28 289
新闻界面 综合应用HTML5和CSS3，设计并开发完成WEB文档页面，可以是一篇论文，或一篇新闻，或某一 章节的学习内容等。要求综合应用HTML5的文本、图片、表格、列表等语义标记，以及CSS3的相关外观样式。参考附件文档。提交要求：以附件形式提交单个HTML文档。CSS代码写在HTML文档中，图片等资源省略，在图片位置显示图片相关信息。 <!DOCTYPE html> <htm...
CSS 继承 inherit属性的方法
11-20
给定一张有如下背景图的 div： 制作如下的倒影效果： 方法很多，但是我们当然要寻找最快最便捷的方法，至少得是无论图片怎么变化， div 大小怎么变化，我们都不用去改我们的代码。 法一：-webkit-box-reflect 这是一个十分新的 CSS 属性，使用起来十分简单，可以从各个方向反射我们内容。不过兼容性过于惨淡： 基本上是只有 -webkit- 内核的浏览器才支持。 不过使用起来真的是方便，解题如下： 不过使用起来真的是方便，解题如下： div{ -webkit-box-reflect: below; } box-reflect 有四个方向可以选， below
CSS继承层叠类型
qq_43157097的博客
03-29 199
一、CSS继承-层叠-元素类型 1、CSS的属性继承 （1）CSS的某些属性具有继承性(Inherited): 如果一个属性具备继承性, 那么在该元素上设置后, 它的后代元素都可以继承这个属性; 当然, 如果后代元素自己有设置该属性, 那么优先使用后代元素自己的属性(不管继承过来的属性权重多高); 默认继承 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta
CSS的继承-层叠-类型
Welisit的博客
08-02 251
◼ CSS的某些属性具有继承性(Inherited):如果一个属性具备继承性, 那么在该元素上设置后, 它的;当然, 如果, 那么(不管继承过来的属性权重多高);◼ 如何知道一个属性是否具有继承性呢?常见的都具有继承性;这些不用刻意去记, 用的多自然就记住了;◼ 另外要多学会查阅文档, 文档中每个属性都有标明其继承性的:.boxcolor;*//* 相对于自身字体(父元素的字体) *//* 浏览器 16px */font-size;
CSS 关键字 inherit 和 unset
qq_39025670的博客
11-07 551
我们看w3c文档，发现position的取值有static（默认值）、relative、absolute 和 fixed 。除此之外其实还有initial（默认）、inherit（继承）、unset 和 revert（未在规范中）。 initial（IE不支持） initial 用于设置css属性为它的默认值。 inherit 每个css属性都有一个特性，要么是默认继承的（inherite...
继承性 inherited
fuxiaomi2016的博客
10-09 590
/*color、以text-、line-、font- 开头的，这些关于文字的样式都可以继承，所有关于盒子的、定位的、布局的属性都不能继承*/
CSS 样式的 initial（默认）和 inherit（继承）以及 unset
热门推荐
CodingNoob
10-09 2万+
经常会碰到，问一个 CSS 属性，例如position有多少取值。 通常的回答是static、relative、absolute和fixed。当然，还有一个极少人了解的sticky。其实，除此之外， CSS 属性通常还可以设置下面几个值： initialinheritunsetrevert 1 2 3 4 5
从倒影说起，谈谈 CSS 继承 inherit（转）
weixin_30664051的博客
10-13 132
从倒影说起，谈谈 CSS 继承inherit 给定一张有如下背景图的 div： 制作如下的倒影效果： 方法很多，但是我们当然要寻找最快最便捷的方法，至少得是无论图片怎么变化，div大小怎么变化，我们都不用去改我们的代码。 法一：-webkit-box-reflect 这是一个十分新的 CSS 属性，使用起来十分简单，可以从各个方向反射我们内容。不过兼容性过于惨淡： ...
html css inherit,CSS 继承 inherit属性的方法
weixin_33456452的博客
06-23 1700
给定一张有如下背景图的 div：制作如下的倒影效果：方法很多，但是我们当然要寻找最快最便捷的方法，至少得是无论图片怎么变化， div 大小怎么变化，我们都不用去改我们的代码。法一：-webkit-box-reflect这是一个十分新的 CSS 属性，使用起来十分简单，可以从各个方向反射我们内容。不过兼容性过于惨淡：基本上是只有 -webkit- 内核的浏览器才支持。不过使用起来真的是方便，解题如下...
css 将背景图片居中显示，并且显示全，不拉伸的效果实现，图片设置宽度，高度自适应，并且显示全。
最新发布
jwbabc的专栏
08-23 329
二个经常使用的css：图片背景自适应、缩放，图片的自适应、缩放。
css继承父级inherited
03-28
这些属性被称为“可继承属性”（Inherited Properties）。 例如，父元素设置了字体颜色为红色，那么子元素中的文字也会自动变成红色。这是因为字体颜色是一种可继承属性。 以下是常见的CSS可继承属性列表： - ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值