¿'propiedad: 0' o 'propiedad: 0px' en CSS?

He visto que esta notación se usa mucho, y me preguntaba si hay alguna diferencia notable entre estas dos notaciones.

element#id
{
  property: 0;
}

y

element#id
{
  property: 0px;
}

Lo uso property: 0px;todo el tiempo, ya que lo encuentro más limpio, pero no estoy realmente seguro de si el navegador interpreta de manera 0pxdiferente a 0.

¿Alguien sabe cuál es mejor o correcto?

Los identificadores de unidad son opcionales , pero no se nota un aumento de rendimiento (aunque está guardando dos caracteres).

CSS2 - De W3C CSS 2.1 Especificación de la sintaxis y los tipos de datos básicos :

El formato de un valor de longitud (indicado por <length> en esta especificación) es un <number> (con o sin un punto decimal) seguido inmediatamente por un identificador de unidad (por ejemplo, px, em, etc.). Después de una longitud cero, el identificador de la unidad es opcional.

(Énfasis mío)

CSS 3 - A partir de los valores de CSS del W3C y Unidades Módulo Nivel 3 (Actualmente en la Recomendación candidato en el momento de escribir estas líneas)

Para longitudes cero, el identificador de la unidad es opcional (es decir, puede representarse sintácticamente como 0).

Si bien la unidad es opcional cuando el valor es 0, tiendo a dejarlo, ya que luego puedo modificar los valores con las herramientas de desarrollo de Chrome haciendo clic en el valor y presionando las teclas de flecha arriba / abajo. Sin una unidad, eso no es realmente posible.

Además, los minificadores de CSS eliminan los 0valores de las unidades de todos modos, por lo que al final no importará.

Ellos son iguales. El navegador interpreta ambos como 0, así que elija lo que sea más legible para usted.

Cero de cualquier cosa es cero. 0px= 0%= 0em= 0pt=0

La mayoría de la gente deja la unidad apagada porque es simplemente un desorden innecesario.

Hasta donde yo sé, no hay diferencia entre ellos, ya que 0px = 0em = 0ex = 0% = 0. Depende exclusivamente de usted, como desarrollador, decidir qué le gusta más (a menos que tenga estándares de codificación corporativos que deba seguir, por supuesto).

De la mayoría de los ejemplos de código que he visto, la mayoría de la gente usa la versión sin unidades. Para mí, parece más limpio. Si está impulsando una cantidad significativa de datos (por ejemplo, si es Google), esos dos bytes pueden sumar una gran cantidad de ancho de banda, especialmente porque es muy probable que los repita varias veces en su hoja de estilo.

Cero píxeles es igual a cero pulgadas y cero metros y así sucesivamente. 0es todo lo que necesitas.

Personalmente me parece 0más limpio que 0px. Son dos personajes adicionales que se pueden sumar. ¿Por qué agregar bytes adicionales cuando no es necesario? He visto padding: 0px 0px 0px 0pxcuál puede expresarse fácilmente como padding: 0demasiado a menudo.

Puede usar cualquiera de los dos; mi mejor consejo es que no se preocupe demasiado, sino que sea constante al hacerlo de una forma u otra. Personalmente, prefiero especificar '0px' por las siguientes razones:

• El uso de 0px hace que las cosas sean más consistentes con todos los otros tamaños de 'px' que ha especificado
• También es más detallado y deja muy claro que está estableciendo una longitud cero en lugar de una bandera de 'apagar esto'
• Es un poco más fácil modificar un valor de '0px' para convertirlo en otro valor si es necesario

Como dicen los demás, realmente no importa si es 0, aunque elijo agregar las medidas a todos mis valores para que cualquier otra persona que mire mis archivos CSS pueda medir qué medidas es probable que manejen en otro lugar.