unidades unidad rem que medida css size stylesheet pixel zero

rem - unidades de medida en css



¿Tamaño de cero píxeles en CSS con o sin el sufijo ''px''? (4)

Creo que 0 es 0 no importa lo que tengas después. 0% de algo sería lo mismo que 0 píxeles de algo. Creo que ... al menos así es como pienso en las cosas, y la multiplicación parece estar de acuerdo conmigo.

Esta pregunta ya tiene una respuesta aquí:

El buscar en Google la respuesta a esta pregunta ha resultado difícil, así que pensé que alguien aquí debería saberlo.

Dentro de CSS, he visto cero píxeles declarados como simplemente ''0'' y también como ''0px''.

mystyle { width: 0; } anotherstyle { width: 0px; }

El problema menor con ''0'' es que si lo cambia a un valor distinto de cero, puede olvidar agregar el ''px''. Y al hacer un valor ''0'', puede olvidarse de eliminar el ''px''. Quiero pura consistencia en mi código y pequeñas cosas como esta me vuelven loco.

¿Esto realmente se reduce a una preferencia personal como dónde sangrar?

Ambos parecen funcionar pero ¿de qué manera es mejor y por qué?

Gracias.

EDITAR para mayor claridad:

Escribí "pequeñas cosas como esta me vuelven loco" .

No tener una "px" para 0 no es a lo que me refería.

Me vuelve loco que haya dos maneras diferentes de hacer lo mismo simple.

Personalmente, a pesar del problema menor de olvidarse de agregar / eliminar ''px'' cuando sea apropiado, continuaré usando ''0'' solo sabiendo que es tan aceptable como al contrario.


Si está utilizando varios tipos de unidades CSS (%, em, inch ...) en su hoja de estilos, es mejor que conserve la deseada (en su caso px).

En una nota al margen, recuerde que la palabra clave none no redirecciona necesariamente a 0 (incluso si visualmente tiene el mismo resultado).


Siempre uso 0 (sin unidades), a menos que quiera establecer explícitamente las unidades, simplemente porque es más corto. Lo importante es ser consistente.


Son idénticos.

Use width: 0 , porque es más corto y más legible.

Especialmente cuando tienes, por ejemplo:

padding: 0px 0px 9px 8px

vs

padding: 0 0 9px 8px

Ver las especificaciones :

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.

El problema menor con ''0'' es que si lo cambia a un valor distinto de cero, puede olvidar agregar el ''px''. Y al hacer un valor ''0'', puede olvidarse de eliminar el ''px''

Esto no sucede una vez que adquieres el hábito de escribir 0 sin el identificador de la unidad.