Я много раз видел, как эта нотация используется, и мне было интересно, есть ли заметная разница между этими двумя нотациями?
element#id
{
property: 0;
}
а также
element#id
{
property: 0px;
}
Я использую property: 0px; все время, так как считаю его более чистым, но я не совсем уверен, что браузер интерпретирует 0px иначе, чем 0.
Кто-нибудь знает, какой из них лучше или правильнее?
Идентификаторы единиц являются необязательными, но заметного увеличения производительности не происходит (хотя вы экономите два символа).
CSS2 – из спецификации W3C CSS 2.1 для синтаксиса и основные типы данных:
Формат значения длины (обозначаемый ‹length› в этой спецификации) представляет собой ‹число› (с десятичной точкой или без нее), сразу за которым следует идентификатор единицы измерения (например, px, em и т. д.). После нулевой длины идентификатор единицы не является обязательным.
(выделено мной)
CSS3 – из модуля W3C CSS Values and Units, уровень 3. (в настоящее время находится в кандидатной рекомендации на момент написания этой статьи)
Для нулевых длин идентификатор блока является необязательным (т. е. может быть синтаксически представлен как 0).
Хотя единица не является обязательной, когда значение равно 0, я обычно оставляю ее, так как затем я могу настроить значения с помощью инструментов разработчика Chrome, щелкнув значение и нажав клавиши со стрелками вверх/вниз. Без блока это невозможно.
Кроме того, минимизаторы CSS в любом случае удаляют единицы из значений 0, поэтому в конце концов это не будет иметь большого значения.
Они одинаковые. Браузер интерпретирует оба значения как 0, так что используйте то, что более читабельно для вас.
border: 3 solid, так как единиц нет, но есть ли веб-стандарты на нуле?
- person Blender; 30.11.2010
Ноль чего-либо есть ноль. 0px = 0% = 0em = 0pt = 0
Большинство людей оставляют блок выключенным, потому что это просто ненужный беспорядок.
0 не является допустимой альтернативой 0s / 0ms.
- person Henrik Christensen; 30.05.2017
Насколько я знаю, между ними нет никакой разницы, так как 0px = 0em = 0ex = 0% = 0. Вам, как разработчику, решать, что вам больше нравится (если, конечно, у вас нет корпоративных стандартов кодирования, которым вы должны следовать).
Из большинства примеров кода, которые я видел, большинство людей используют безразмерную версию. Для меня он просто выглядит чище. Если вы передаете значительный объем данных (скажем, если вы Google), эти два байта могут увеличить пропускную способность, тем более что вы, скорее всего, будете повторять их несколько раз в своей таблице стилей.
Ноль пикселей равен нулю дюймов, ноль метров и так далее. 0 это все, что вам нужно.
Лично я считаю 0 чище, чем 0px. Это два дополнительных символа, которые можно добавить. Зачем добавлять лишние байты, если вам это не нужно. Я слишком часто вижу padding: 0px 0px 0px 0px, который можно легко выразить как padding: 0.
Вы можете использовать любой из них — мой лучший совет — не слишком беспокоиться, но быть последовательным в том или ином случае. Лично я предпочитаю указывать «0px» по следующим причинам:
Как говорят другие, на самом деле не имеет значения, равен ли он 0, хотя я решил добавить измерения ко всем моим значениям, чтобы любой, кто просматривает мои файлы CSS, мог оценить, с какими измерениями они, вероятно, будут иметь дело в другом месте.
Я знаю, что не должно быть никакой разницы между 0px и 0, но я обнаружил, что иногда она есть.
Я пытался центрировать объект следующим образом:
position: absolute;
left: max(0px, calc((100vw - 400px)/2));
max-width: 400px;
Это работает, но если вы замените 0px на 0, это не так.
zero-units Нулевые значения не нуждаются в единицах измерения. Простой способ сохранить байты в CSS — не включать единицы измерения, когда значение равно 0. Например, 0px и 0 — это одно и то же...
