Pregunta

He visto esta notación utiliza mucho, y me preguntaba, ¿hay alguna diferencia notable entre estas dos notaciones?

element#id
{
  property: 0;
}

y

element#id
{
  property: 0px;
}

Yo uso property: 0px; todo el tiempo, ya que me resulta más limpio buscando, pero no estoy realmente seguro de si las interpreta de manera diferente que 0px navegador 0.

¿Alguien sabe cuál es mejor o correcta?

¿Fue útil?

Solución 2

Mientras que la unidad es opcional cuando el valor es 0, tiendo a dejarlo en, como ya continuación, puede ajustar los valores con las herramientas de desarrollo de Chrome haciendo clic en el valor y pulsando las flechas arriba / abajo teclas de flecha. Sin una unidad, que no es realmente posible.

Además, minifiers CSS tira de las unidades fuera de los valores 0 de todos modos, así que no lo hará realmente importa al final.

Otros consejos

identificadores de unidad son opcional , pero no se observa ningún aumento de rendimiento (aunque son ahorro de dos caracteres).

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

  

El formato de un valor de longitud (denotado por en esta memoria descriptiva) es un (con o sin un punto decimal) seguido inmediatamente por un identificador de la unidad (por ejemplo, px, em, etc.). Después de una longitud cero, el identificador de la unidad es opcional.

(énfasis)

CSS 3 - valores CSS del W3C y unidades Módulo Nivel 3 (Actualmente en Candidato Recomendación en el momento de escribir esto)

  

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

Son los mismos. Interpreta el navegador tanto como 0, por lo que ir con lo que es más fácil de leer para usted.

Cero de todo es cero. 0px = 0% = 0em = 0pt = 0

La mayoría de las personas abandonan la unidad, ya que es el desorden simplemente innecesario.

Por lo que yo soy consciente de que no hay diferencia entre ellos, ya 0px = 0em = 0ex = 0% = 0. Es puramente depende de ti, como el desarrollador, para decidir lo que les gusta a los (a menos que tenga los estándares de codificación corporativos que es necesario seguir, por supuesto).

A partir 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í, que sólo se ve más limpio. Si usted está empujando una cantidad significativa de datos (por ejemplo, si usted es Google), los dos bytes puede sumar a una gran cantidad de ancho de banda, especialmente ya que estás muy probable que repetirlos varias veces en su hoja de estilo.

pixeles cero es igual a cero pulgadas y cero metros y así sucesivamente. 0 es todo lo que necesita.

Yo personalmente encontrar más limpio que 0 0px. Eso es dos caracteres adicionales que se van acumulando. ¿Por qué añadir bytes adicionales cuando no se necesita. He ver padding: 0px 0px 0px 0px que puede ser fácilmente expresada en forma padding: 0 con demasiada frecuencia.

Puede utilizar cualquiera - mi mejor consejo es no preocuparse demasiado, pero sea consistente en hacerlo, ya sea de un modo u otro. Prefiero personalmente para especificar '0px' por las siguientes razones:

  • Uso 0px hace las cosas más consistente con todos los demás 'px' tamaños que haya especificado
  • También es más detallado y hace que sea muy claro que se está configurando una longitud cero en lugar de una bandera 'desactivar esto'
  • Es un poco más fácil de ajustar un '0px' valor para que sea otro valor si es necesario

Como dicen los otros, que en realidad no importa si es 0, aunque optar por añadir las mediciones a todos mis valores para una persona que quiere en mis archivos CSS puede evaluar lo que las mediciones que es probable que hacer frente a otra parte .

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top