with - ''propiedad: 0'' o ''propiedad: 0px'' en CSS?
text-overflow ellipsis not working (9)
Cero de cualquier cosa es cero. 0px = 0% = 0em = 0pt = 0
La mayoría de las personas dejan la unidad apagada porque es simplemente un desorden innecesario.
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;
}
Yo uso la property: 0px; todo el tiempo, ya que me parece más limpio, pero no estoy realmente seguro de si el navegador interpreta 0px diferente a 0 .
¿Alguien sabe cuál es mejor o correcto?
Cero píxeles es igual a cero pulgadas y cero metros y así sucesivamente. 0 es todo lo que necesitas.
Como dicen los demás, en realidad no importa si es 0, aunque elijo agregar las mediciones a todos mis valores para que cualquiera que mire mis archivos CSS pueda evaluar qué mediciones es probable que traten en otros lugares.
Ellos son lo mismo. El navegador interpreta ambos como 0, así que ve con lo que sea más legible para ti.
Los identificadores de unidades son opcionales , pero no se observa un aumento en el rendimiento (aunque está guardando dos caracteres).
De acuerdo con la especificación W3C CSS 2.1 para tipos de datos básicos y de sintaxis :
El formato de un valor de longitud (indicado por <length> en esta especificación) es un <número> (con o sin un punto decimal) seguido inmediatamente por un identificador de unidad (por ejemplo, px, em, etc.). Después de una longitud de cero, el identificador de la unidad es opcional.
(Énfasis mío)
Personalmente encuentro 0 más limpio que 0px . Son dos personajes extra que pueden sumar. ¿Por qué agregar bytes adicionales cuando no es necesario? He visto el padding: 0px 0px 0px 0px que se puede expresar fácilmente como padding: 0 demasiado a menudo.
Puede usar cualquiera de los dos: mi mejor consejo es no preocuparse demasiado sino ser coherente en hacerlo de una manera 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 ''px'' que ha especificado
- También es más detallado y deja muy claro que está configurando una longitud cero en lugar de un indicador de ''apagar esto''
- Es un poco más fácil ajustar un valor ''0px'' para que sea otro valor si es necesario
Que yo sepa, no hay diferencia entre ellos, ya que 0px = 0em = 0ex = 0% = 0 . Depende de usted, como desarrollador, decidir qué es lo que más le gusta (a menos que tenga estándares de codificación corporativos que deba cumplir, 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í, sólo se ve más limpio. Si está presionando 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.
Si bien la unidad es opcional cuando el valor es 0 , tiendo a dejarla, ya que luego puedo ajustar 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 las unidades de los valores 0 todos modos, por lo que realmente no importará al final.