diferencia CSS entre 0 y 0em

Question

¿Hay alguna diferencia entre

margin: 0; 

y

Yo no vi nada, pero mi maestro me dice que no es lo mismo.

Answer 1

No hay diferencia cuando el valor es 0. Si fuera 1 y 1em, sí, hay una diferencia, pero 0 es 0, sin importar la unidad.

Answer 2

El cero es cero es cero. Independientemente de si las unidades son diferentes. El valor derivado en píxeles siempre es el mismo: cero.

Answer 3

Es como decir que 0 plátanos no es lo mismo que 0 manzanas. Así que, de alguna manera, él está en lo cierto, pero el cero es cero, ¡de cualquier forma terminarás hambriento!

Answer 4

El archivo es más grande con 0em.

---

La manera de demostrar a su profesor que no hay diferencia es establecer algo a 0 y algo más para 0em e inspeccionar el DOM con Firebug o una herramienta similar. Si recuerdo correctamente, verá que ambos son ahora 0. Entonces la única diferencia está en la fuente. (Pero ha pasado un tiempo desde que lo verifiqué. Puede que esté pensando en obtener y configurar estilos de jQuery. Así que échale un vistazo antes de tomar mi palabra.)

Answer 5

Me pregunto si el profesor está tratando de resaltar, no tanto que 0 y 0em no tienen el mismo valor, pero quizás que la unidad predeterminada en CSS no sea em (creo que la especificación exige que los valores distintos de cero tengan unidades adjuntas pero a menudo asuman px).

En el ejemplo específico obviamente son iguales.

Answer 6

Tu profesor, parece, es un idiota.

Pero tal vez las apariencias son engañosas: debe preguntarle a su profesor qué significan.

Tengo que preguntar, ¿por qué no le preguntaste a tu profesor qué querían decir cuando lo dijeron por primera vez? Cero es cero, sin importar las unidades.

Answer 7

0 y 0em son iguales, pero cualquier valor que no sea 0 para x y xem no es lo mismo.

Answer 8

tu profesor es terco porque no está dispuesto a admitir que está equivocado. 'lo que sea: 0' establece todas las unidades posibles, heredadas o no, en cero. 0 es definitivamente cero.

Answer 9

Sin duda hay una diferencia entre un '0' con o sin una unidad de medida asociada (em, px, etc.).

Mientras que CSS, en la mayoría de los casos, interpreta '0' sin un tamaño de unidad como unidad cero predeterminada para ese atributo, no siempre es el caso (tamaño de letra, por ejemplo) y algunos validadores objetarán propiedades que requieren tamaños de unidad en su especificación cuando encuentran un parámetro sin esa unidad incluida.

La diferencia es que '0', sin una designación de unidad, puede interpretarse como un error de expresión en las propiedades donde se requiere el tamaño de la unidad. Es posible que no note la diferencia, ya que la expresión simplemente se considerará como "mala sintaxis" y el intérprete se saltará la frase; como lo hace normalmente con cualquier mala sintaxis en CSS.Por lo tanto, si especifica el '0' como un tamaño de unidad y el valor predeterminado es '0em' o '0%', etc., el resultado seguirá siendo '0' para ese atributo. Sin embargo, lo notará si tiene la intención de cambiar un valor anterior en la cascada. un '0em' dice, 'cambie el valor anterior a' 0em ', pero un cero puede simplemente decir' ignore esta regla 'y deje la regla anterior en vigencia. Esto puede no ser para nada lo que pretendías con tu desnudo '0'.

Este es un proceso del lado del cliente y no tiene control sobre cómo un navegador en particular, ahora o en el futuro, puede manejar '0' y la interpretación predeterminada.

Por lo tanto, además de decirle a quien lee su código que definitivamente pretende tener un elemento de tamaño '0' y qué tipo de unidad es la adecuada, en realidad puede afectar el resultado. Es mejor usar siempre la designación de la unidad con tus ceros. Si eres realmente quisquilloso (como yo lo soy) o diseño de sistemas y códigos vls (como yo lo he hecho), también puedes poner un cero a la izquierda (0.xx ...) en cualquier valor menor que 0. Esto permite más tarde lectores para saber que su fracción fue deliberada y no simplemente un error tipográfico.

En cuanto a los que se quejan de 'escribir extra' - le sugiero que vaya a tomar una clase de mecanografía. Una de las primeras cosas que hago al entrevistar diseñadores o codificadores para un trabajo es darles una prueba de mecanografía. ¡No hay nada como un buen mecanógrafo para ahorrar dinero y producir menos errores!

Answer 10

Esto ha sido golpeado hasta la muerte pero aquí va ... veamos qué dicen los "perros grandes".

Google CSS Guidelines ...

No utilice unidades después de valores de 0 a menos que se requieren

WordPress CSS Guía de estilo dice de manera similar ...

0 valores no debería haber unidades a menos que sea necesario, como con duración de transición.

Answer 11

El CSS3 spec dice esto:

de cero longitudes del identificador de la unidad es opcional

Así, a pesar de las directrices Googles, directrices de WordPress, Microsoft WebMatrix, y posiblemente muchos otros que dicen debería omitir la unidad cuando se utiliza cero, en realidad está permitido. Por lo tanto, es una preferencia personal o algo para poner en sus propias pautas de codificación.

Answer 12

El navegador Chrome propio de Google en el estilo 'Computado' incluye unidades con valores cero que se alinean con mis preferencias personales para simplemente incluirlo.