Ir al contenido
OneKitly
Registrarse · Entrar

Embellecedor de CSS

Reformatea CSS minificado o desordenado en reglas limpias y bien sangradas — o vuelve a minificarlo.

Herramientas relacionadas

Todas las herramientas: JSON, XML y formatos →
Embellecedor de HTMLConvierte HTML minificado o enredado en marcado legible y bien sangrado — o minifícalo.Minificador / embellecedor de JavaScriptMinifica o embellece JavaScript en tu navegador, con un tokenizador que respeta cadenas, regex y comentarios.Minificador CSSReduce CSS eliminando comentarios y espacios innecesarios.Generador de sombra CSS (box-shadow)Ajusta una sombra CSS con vista previa en vivo y copia el código generado — desplazamiento, desenfoque, extensión, color, inset.Compresor de CSSMinifica CSS eliminando comentarios y espacios para reducir el tamaño de tu hoja de estilos.Laboratorio de CSS FlexboxExperimenta con flex-direction, wrap, justify-content, align-items y gap — vista previa en vivo y CSS para copiar.Generador de CSS GridConstruye un layout CSS Grid visualmente — columnas, filas, espacios y alineación — con vista previa en vivo y CSS para copiar.Formateador de fechas ISO 8601Convierte cualquier fecha, hora y desfase UTC en ISO 8601, RFC 3339, fecha de semana/ordinal, RFC 2822, fecha HTTP y marcas Unix.

Embellecedor de CSS funciona directamente desde esta página — gratis, instantáneo y sin instalar nada. La encontrarás en JSON, XML y formatos, con Embellecedor de HTML y Minificador / embellecedor de JavaScript para los casos vecinos.

Cómo usarlo

  1. Abre la herramienta — sin registro ni instalación.
  2. Introduce tus datos o ajusta las opciones disponibles.
  3. Obtén tu resultado al instante y cópialo o descárgalo.

Preguntas frecuentes

¿Qué es Embellecedor de CSS?

Reformatea CSS minificado o desordenado en reglas limpias y bien sangradas — o vuelve a minificarlo.

¿En qué casos se usa realmente?

Hacer legible un bloque generado por una máquina, localizar el carácter donde falla el parseo y reducir un archivo antes de publicarlo.

¿Cuál es el error más frecuente?

Confundir válido con correcto. Un documento puede parsearse sin errores y aun así no tener la forma que espera quien lo leerá: la validación comprueba la sintaxis, no el esquema.

¿En qué se diferencia Embellecedor de CSS de Embellecedor de HTML?

Están próximos pero responden a preguntas distintas: Embellecedor de HTML es el que conviene abrir cuando se trata de convierte HTML minificado o enredado en marcado legible y bien sangrado — o minifícalo. Elige el que encaje con tu punto de partida — ambos son gratis.

¿Hay una herramienta para el siguiente paso?

Minificador / embellecedor de JavaScript es el más cercano después de este: Minifica o embellece JavaScript en tu navegador, con un tokenizador que respeta cadenas, regex y comentarios.

¿Qué más conviene tener abierto al lado?

Minificador CSS y Generador de sombra CSS (box-shadow): aparecen en la misma tarea lo bastante a menudo como para merecer otra pestaña.

¿De dónde salen los datos?

El análisis y la serialización siguen la especificación de cada formato. El orden de claves y los espacios no tienen valor semántico en JSON ni en YAML, así que un documento reformateado es equivalente aunque cambien los bytes.

Para saber más

Todas las guías →
GuíaQué puede quitar un minificador y qué no debe tocarLa minificación tiene que preservar el significado, y lo interesante son los espacios que llevan significado: el combinador descendiente, los espacios dentro de calc(), el hueco entre dos elementos en línea. Medido aquí sobre archivos reales, incluido lo que brotli te iba a ahorrar de todas formas.GuíaEmbellecer o minificar: para qué sirve cada uno y qué le hace al pesoCuatro hojas de estilo reales pasadas por el minificador, medidas en crudo y tras gzip. Quitar todos los espacios ahorró 48, 103, 104 y 147 bytes comprimidos; quitar los comentarios, 57, 1 358, 2 420 y 1 042. Y las cinco entradas que este minificador rompe.ExplicaciónEscribir una fecha en ISO 8601 y por qué es el único formato sin ambigüedad01/02/2026 es el 1 de febrero en casi toda Europa y el 2 de enero en Estados Unidos, y nada en la cadena dice cuál. ISO 8601 lo resuelve, se ordena como texto, y deja de valer en cuatro puntos concretos que la RFC 3339 rechaza.ExplicaciónLeer y escribir la hora militar estadounidense0800 no es «las ocho» ni «08:00»: es «zero eight hundred», con una letra de zona al final. Los cuatro dígitos, la pronunciación, la medianoche a las 0000, la disputa del 2400 y por qué la notación de 12 horas no puede zanjar el mediodía.TutorialConstruir una tabla Markdown desde cero, sin contar guiones a manoLo más pequeño que sigue siendo una tabla son dos líneas: una fila de cabecera y una fila delimitadora. Aquí está por qué la segunda es obligatoria en GitHub Flavored Markdown, dónde las tablas de barras no existen en absoluto, y qué hace un generador que teclear a mano no puede.GuíaPegar una tabla en un pull request: qué se rompe y los dos caracteres que lo rompenUna tabla Markdown prohíbe exactamente dos caracteres dentro de una celda: la barra vertical y el salto de línea. Aquí está qué hace cada uno, cómo los trata un conversor, por qué el escape debe aplicarse en el orden correcto, y por qué el relleno nunca importa.