что такое указанное значение, вычисленное значение и фактическое значение?

Question

Английский не мой родной язык, поэтому мне трудно учиться у MDN.

Я думаю, что из того, что я прочитал, указанное значение является стилем, который был указан в таблице стилей, или стилем, унаследованным от родительского элемента.

Я действительно не знаю, что такое вычисленное значение

Фактическое значение - это значение, которое фактически используется

Answer 1

Указанное значение:

Указанные значения являются значениями, которые предоставляются и не генерируются.Например, Наследование из внешнего файла CSS

Наследование значения родительского элемента

Использование начального значения свойства

Вычисленное значение: Вычисляемые значениязначения, которые рассчитываются при использовании относительного положения или значений.Для ex width:20% рассчитывается с учетом родителя.

Фактическое значение: Готовые к использованию значения являются фактическими значениями. Абсолютные значения, такие как font:10pt, являются фактическими / абсолютнымизначение это не зависит от других значений.

Answer 2

Может выглядеть, что все эти значения одинаковы;то есть заданные, вычисленные и фактические значения равны 1px, и вы не видите никаких различий, и вы удивляетесь, почему существует так много фраз, описывающих одно и то же!
Так что, возможно, некоторые примеры прояснят это.

указанное значение - это то, что вы указываете.Например, если вы напишите p {font-size:2rem; в своей таблице стилей, тогда определенное значение для p будет, очевидно, 2rem.

Тогда браузер вычислит, что это в пикселях, что (по крайней мере, если1rem - 16px) 32px.Это вычисленное значение , которое используется для отображения (так что это также используемое значение , а в большинстве случаев также фактическое значение ).

Однако в некоторых случаях 32 пикселя невозможны.Например, если этот конкретный шрифт является растровым шрифтом, а 32-пиксельная версия недоступна.Если существует только версия 30px, то это то, что фактически отображается на дисплее как фактическое значение .

используемое значение также может отличаться от расчетное значение .Например, если в таблице стилей указано p {width:600px; max-width:400px;}, то вычисленное значение будет по-прежнему равным 600px, но используемое значение (и, следовательно, фактическое значение ).) будет 400px.

Надеюсь, это поможет.Если вам нужно больше примеров, просто спросите.

Answer 3

Расчетное значение - это значение, унаследованное от другого элемента. https://developer.mozilla.org/en-US/docs/Web/CSS/computed_value