Formateador CSS

Embellecer su código CSS :

Introduzca sus hojas de estilo CSS desordenadas, minificadas u ofuscadas en el campo de arriba para que se limpien y se hagan bonitas. El editor anterior también contiene números de línea útiles y resaltado de sintaxis. Hay muchas opciones para adaptar el embellecedor a sus gustos personales de formato.

¿Cuándo usa

A menudo, al escribir hojas de estilo CSS, la sangría, el espaciado y otros formatos pueden quedar un poco desorganizados. También es común que varios desarrolladores trabajen en un solo proyecto que tienen diferentes técnicas de formato. Esta herramienta es útil para hacer que el formato de un archivo sea coherente. También es común que las hojas de estilo CSS sean minificadas u ofuscadas. Puede usar esta herramienta para hacer que el código se vea bonito y legible, por lo que es más fácil de editar.

Ejemplos

Las hojas de estilo CSS minificadas a continuación:

body{font-family:Georgia, Times, serif;color:purple;background-color:#d8da3d}h1{font-family:Helvetica, Arial}

Se convierte en este embellecedor:

body {
    font-family: Georgia, Times, serif;
    color: purple;
    background-color: #d8da3d
}
h1 {
    font-family: Helvetica, Arial
}