Подтвердить что ты не робот

'свойство: 0' или 'свойство: 0px' в CSS?

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

element#id
{
  property: 0;
}

и

element#id
{
  property: 0px;
}

Я использую property: 0px; все время, поскольку я нахожу его более удобным, но я не уверен, что браузер интерпретирует 0px иначе, чем 0.

Кто-нибудь знает, какой из них лучше или правилен?

4b9b3361

Ответ 1

В то время как устройство является необязательным, когда значение 0, я стараюсь его оставить, поскольку затем я могу настроить значения с помощью инструментов разработчика Chrome, нажав на значение и нажимая клавиши со стрелками вверх/вниз. Без единицы это действительно невозможно.

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

Ответ 2

Идентификаторы устройства являются необязательными, но при этом не наблюдается заметного увеличения производительности (хотя вы сохраняете два символа).

CSS2 - Из W3C CSS 2.1 Спецификация для синтаксиса и основных типов данных:

Формат значения длины (в данной спецификации обозначается как & lt; length & gt;) представляет собой & lt; number & gt; (с десятичной точкой или без нее), за которой сразу следует идентификатор единицы (например, px, em и т.д.). После нулевой длины идентификатор устройства является необязательным.

(Акцент мой)

CSS3 - Из модуля CSS 3 "Значения и единицы W3C", уровень 3 (в настоящее время в Рекомендации кандидата на момент написания этой статьи)

Для нулевой длины идентификатор единицы является необязательным (то есть может быть синтаксически представлен как 0).

Ответ 3

Они одинаковы. Браузер интерпретирует как 0, поэтому переходите к тому, что более читаемо для вас.

Ответ 4

Ноль ничего равно нулю. 0px= 0%= 0em= 0pt= 0

Большинство людей покидают устройство, потому что это просто лишний беспорядок.

Ответ 5

Насколько я знаю, между ними нет разницы, так как 0px = 0em = 0ex = 0% = 0. Это зависит только от вас, как разработчика, от решения, что вам больше нравится (если у вас нет стандартов корпоративного кодирования, которые вам нужно соблюдать, конечно).

Из большинства примеров кода, которые я видел, большинство людей используют версию без единого кода. Для меня это выглядит просто чище. Если вы нажимаете значительный объем данных (например, если вы Google), эти два байта могут обладать большой пропускной способностью, тем более, что вы, скорее всего, повторяете их несколько раз в своей таблице стилей.

Ответ 6

Нулевые пиксели равны нулю дюймы и нулевые метры и т.д. 0 - это все, что вам нужно.

Ответ 7

Я лично считаю 0 более чистым, чем 0px. Это два дополнительных символа, которые могут складываться. Зачем добавлять дополнительные байты, когда вам это не нужно. Я вижу padding: 0px 0px 0px 0px, который может быть легко выражен как padding: 0 слишком часто.

Ответ 8

Вы можете использовать либо - мой лучший совет - не слишком беспокоиться, а быть последовательным в том, чтобы делать это так или иначе. Я лично предпочитаю указывать "0px" по следующим причинам:

  • Использование 0px делает вещи более согласованными со всеми другими размерами "px", которые вы указали.
  • Он также более подробен и дает понять, что вы устанавливаете нулевую длину, а не флаг "выключить это"
  • Немного легче настроить значение "0px", чтобы сделать его другим значением, если требуется

Ответ 9

Как говорят другие, на самом деле не имеет значения, если его 0, хотя я решил добавить измерения ко всем моим значениям, поэтому любой, кто смотрит на мои файлы CSS, может оценить, какие измерения они, вероятно, будут иметь дело в другом месте.