当前位置:首页 > 日记 > 正文

详细说明CSS中的继承。

详细说明CSS中的继承。
本文主要介绍CSS的继承,这是CSS入门学习中的基础知识,需要的朋友可以参考一下。
CSS的继承是通过使用样式属性定义。换句话说,当你看CSS属性背景颜色,你会看到一列继承。也许你几乎不关心它,但它仍然非常有用。
CSS的继承是什么

每个元素都是文档树的一部分。除了顶级HTML元素外,每个元素都有相应的父元素,每个父元素的每个CSS属性值都可以应用到它的子元素中。

有一个栗子,H1标签包含一个EM标签:
EM是h1标签的子元素,并继承了CSS属性值在任何H1将自动生效的时间标签,例如:

CSS代码将内容复制到剪贴板。
字体大小:120%;}

由于字体大小是默认继承的CSS属性,大字体也被放大为120%,与H1相同。
如何使用CSS继承

最简单的方法是知道CSS中的所有属性都是默认继承的。如果继承该属性,它将知道它将在元素的所有元素中生效。

如果我们在正文中设置字体,我们通常在最顶层的元素上定义基本样式,如体标记,因为文档中的所有元素都将应用于字体。

CSS代码将内容复制到剪贴板。
字体大小:120%;}

使用继承值

每个CSS属性的值包括继承。如果定义了属性,即使默认情况下该属性不继承,它也将应用父元素的CSS属性的值,例如:

CSS代码将内容复制到剪贴板。
体{保证金:1em;}
{边缘:继承;}

继承计算值(计算值)的使用。

计算值的相对值是指网页中的其他价值观的定义,为继承的属性是特别重要的。如果我们定义字体大小:1em身体,文档中的所有元素都不1em,这是因为字体大小如h1-h6的价值是相对的size.h1默认是在页面上最大的字体元素。当身体元素的字体大小设置,h1-h6将计算基于平均的字体的字体大小。

再举一个例子:
像以前一样,字体大小是默认的CSS属性是遗传的,然而跨度大小不P 80%,但像P,这是因为继承的使用计算,如果P字体大小的父元素30px P,字体大小的计算是24px,跨度是24px继承,而不是80%。

关于计算值的更多信息可以读取CSS计算值。
背景是继承

看着背景属性,就会看到其传承没有,就是默认是不继承的。但是浏览器还是默许继承这一属性,如写这样一段话:
大仍然有黄色背景,这是因为背景属性(初始值)的初始值是透明的,所以黄色背景实际上是H1标记的背景。

相关文章

富有哲理的感性人格签名

富有哲理的感性人格签名

哲理,感性,人格,电脑软件,男人的梦想是悲伤的,因为没有爱。 闪烁,难以形容的悲伤。 美是欲望,痛苦使人绝望。 想想这是否是最空虚的痛苦。 不管灵魂经历了多少,仍然可以无动于衷。 把伤口暴露在外面,让别人吃盐。 爱情迷失在最黑暗的深处,用自己…

QQ空间相册新相机摄像头功能QQ常见

QQ空间相册新相机摄像头功能QQ常见

常见问题,空间,摄像头,相机,功能,QQ空间相册新的相机摄像头功能,让你可以直接在空间实现随时随地拍照的需要,体现相册的多样性。让我们去看看功能。 首先,请输入QQ空间,点击相册;在我的相册中提供一个摄像头的功能; 二、进入相机的相机功能后,相…

签名快乐个性签名幸福伴你左右

签名快乐个性签名幸福伴你左右

个性签名,快乐,电脑软件,有情人相伴是很幸福的,幸福的个性是值得拥有的。 每个人都有一个悲伤,想隐藏的是。 我并不后悔…现在我错过了,过去简单快乐的小幸福。 我以为我的温柔能填补你感情上的创伤。 一个不怕神的人,怕狗,像个男人。 现在我知…

使用CSS3制作一个简单的浏览器模拟

使用CSS3制作一个简单的浏览器模拟

模拟器,浏览器,简单,电脑软件,本文主要介绍了CSS3的使用做一个简单的浏览器模拟器,只实现了基本的浏览器的界面风格,和你需要的朋友可以参考一下。 在这里演示。 一些基本的CSS3的使用并不复杂,你可以试着写一个感兴趣的。 唯一复杂的地方是…

WPS如何设置PPT的自动播放WPS演示

WPS如何设置PPT的自动播放WPS演示

教程,演示,自动播放,如何设置,电脑软件,当我们使用WPS演示PPT时,我们会在各种场合使用它,其中许多是用来宣传的。在这种情况下,我们经常需要它自动重复播放。那么这个自动功能是如何设置的呢接下来,小编将教您如何设置PPT的自动播放。 1,打开你…

ai使用3D查找绘制垃圾桶图标。

ai使用3D查找绘制垃圾桶图标。

绘制,图标,查找,3D,电脑软件,本教程是向朋友介绍一个朋友,用3D查找器绘制垃圾桶图标的方法。教程产生的效果非常漂亮,难度也不大。建议像你这样的朋友和教程一起学习。 本教程教朋友用AI绘制垃圾图标,教程难度适中,主要介绍了使用3D搜索的方法,…

一个教你读ps直方图的例子教程。

一个教你读ps直方图的例子教程。

教程,直方图,教你,例子,电脑软件,很多PS学习的朋友不太了解直方图,所以萧边今天将与您分享PS教程实例的直方图。希望通过本教程能熟练掌握直方图的应用,让我们一起学习。希望我们能帮到你。 在直方图上可以看到整幅图像的直方图和颜色信息,可…

使用PS层和图层蒙版添加梦幻月亮或

使用PS层和图层蒙版添加梦幻月亮或

图层,是一个,月亮,行星,景观,本文主要介绍了PS图层和图层蒙版添加梦幻月亮或在山水中是一个行星,一些复杂的教程。要想制作复杂的合成图片需要大量的技巧和努力,但是每个人都能做到。 制作复杂的合成图片需要大量的技巧和努力,但每个人都能做…

垂直中心实现方法

垂直中心实现方法

方法,中心,电脑软件,本文介绍了用CSS实现垂直居中的5种方法,虽然各有优缺点,但也很实用。合作伙伴根据自己的项目自由选择。 摘要: 当我们做页面时,我们经常满足垂直居中的需要。今天我们有5种垂直对齐方式。每种方法都有自己的优缺点,可以选择…

办公室WPS使用一个小技巧WPS文本教

办公室WPS使用一个小技巧WPS文本教

教程,文本,小技巧,办公室,电脑软件,办公室WPS使用小技巧 由于计算机性能瓶颈,使用办公资源总是很高,于是放弃办公,转向WPS的怀抱,似乎很好。 嗯,希腊教育是一个新的联盟,作者用WPS作为我写的故事没有什么麻烦,向我提出这个问题。 在输入面积和体积…

ps使用矢量过滤插件进行马赛克细分

ps使用矢量过滤插件进行马赛克细分

插件,细分,过滤,矢量,电脑软件,类似于以前的插件,这也是一个矢量滤波器。根据自动改变细节的层次和精度镶嵌人为设定的目标,以创建一张图片的松弛程度的主动控制,这是所有的图片都不能给。 类似于以前的插件,这也是一个矢量滤波器。根据自动改…

PHP实现的简单扫雷游戏的一个例子

PHP实现的简单扫雷游戏的一个例子

例子,简单,游戏,电脑软件,PHP,本文介绍了一个简单的扫雷游戏,由php实现,供大家分享,供大家参考: _post {初始化=美元美元init}; / /游戏重启 点击_post美元美元= {点击}; / /扫雷 checkflag美元= 0; / /胜利或失败 click_count美元= 0; / /点击数 …