El código que codificamos a menudo no está lo suficientemente estandarizado. Aunque este sitio ha proporcionado muchas ideas y experiencias antes, todavía no puede cambiar el fenómeno del código desordenado. Hoy les presentaré una poderosa herramienta para reorganizar el código CSS: Styleneat.
Styleneat puede reorganizar selectores, subselectores y propiedades de CSS en una estructura jerárquica, lo que facilita a los programadores definir áreas de página y ver las relaciones entre ellas. Styleneat es un servicio gratuito que te ayuda a reorganizar tus propiedades CSS.
Estilo limpio Por ejemplo, convertirá el siguiente código CSS
Código fuente de ejemplo
[www.downcodes.com] id1 { ancho: 100px }
id1 .class1 { fondo: #000 }
id1 .class1 a {decoración de texto: ninguna; color: #fff;
id1 .class1 un lapso {sangría de texto: 10px;
id2 { ancho: 200px }
Reorganizado en:
Código fuente de ejemplo
[www.downcodes.com] id1 { ancho: 100px }
id1 .class1 { fondo: #000 }
id1 .class1 a { color: #fff; decoración de texto: ninguna }
id1 .class1 un lapso {sangría de texto: 10px;
id2 { ancho: 200px }
Styleneat ofrece tres formas de uso:
Código fuente de ejemplo
[www.downcodes.com] 1. Pegue el código CSS directamente.
2. Cargue un archivo CSS.
3. Proporcione la dirección URL del archivo CSS.
Además, Styleneat también ofrece algunas opciones, como orden alfabético según la selección de CSS, formato de una sola línea o formato de varias líneas, etc. Styleneat todavía proporciona mucha ayuda en la optimización de CSS.
http://styleneat.com/