英语不是我的母语,因此我很难从MDN中学习。
我认为从我读取的指定值来看,是样式表中指定的样式或从父元素继承的样式。
我真的不知道什么是计算值
实际值是实际使用的值
答案 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