什么是指定值,计算值和实际值?

时间:2019-01-24 06:56:39

标签: css css3

英语不是我的母语,因此我很难从MDN中学习。

我认为从我读取的指定值来看,是样式表中指定的样式或从父元素继承的样式。

我真的不知道什么是计算值

实际值是实际使用的值

3 个答案:

答案 0 :(得分:1)

指定值:

指定值是提供的值,而不是生成的值。 例如 从外部CSS文件继承

继承父元素的值

使用属性的初始值

计算值: 计算值是使用相对位置或值时计算出的值。对于前width:20%将参考父项进行计算。

实际价值: 准备使用的值是实际值。font:10pt之类的绝对值是实际的/绝对值,它不依赖于其他值。

答案 1 :(得分:1)

看起来这些值都相同;即指定,计算和实际值均为1px,您看不到任何差异,并且想知道为什么有这么多短语来描述同一件事!
因此,也许有些例子可以使之清楚。

指定值是您指定的任何值。例如,如果您在样式表中写入p {font-size:2rem;,那么显然p的指定值为2rem

然后,浏览器将计算像素值(至少在1rem为16px时)32px。这是用于显示的计算值(因此它也是使用值,并且在大多数情况下还包括实际值)。

但是,在某些情况下无法使用32px。例如,如果此特定字体是位图字体,而32px版本不可用。如果只有30像素版本,则实际显示为实际值

使用值也可以与计算值不同。例如,如果样式表中有p {width:600px; max-width:400px;},则计算值仍为600px,但使用值(因此实际值)将为400px

希望这会有所帮助。如果您需要更多示例,请询问。

答案 2 :(得分:-2)

计算值是从另一个元素继承的值。 https://developer.mozilla.org/en-US/docs/Web/CSS/computed_value