'property: 0' или 'property: 0px' в CSS?

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

element#id
{
  property: 0;
}

а также

element#id
{
  property: 0px;
}

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

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

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

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

Формат значения длины (обозначается <length> в этой спецификации) - это <number> (с десятичной точкой или без нее), за которым сразу следует идентификатор единицы (например, px, em и т. Д.). После нулевой длины идентификатор единицы необязателен.

(Акцент мой)

CSS3 - Из модуля W3C CSS Values ​​and Units Module Level 3 ( на момент написания этой статьи находится в стадии рекомендации кандидата )

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

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

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

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

Ноль чего-либо - это ноль. 0px= 0%= 0em= 0pt=0

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

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

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

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

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

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

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

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