Hablando del estilo de escritura CSS

A medida que aumenta el negocio de la empresa, las necesidades aumentan y el equipo continúa expandiéndose. A menudo nos encontramos con varias personas trabajando juntas para completar el mismo trabajo o mantener y modificar el trabajo de otras personas. Entonces, ¿qué es lo más importante? ¿tú más? Cuando implementamos una página con un rendimiento complejo, el archivo CSS será más engorroso. Los numerosos selectores y atributos son deslumbrantes. Entonces, ¿cómo posicionarlo más rápido y cómo escribir estilos de manera más eficiente? Mucha gente ignora la escritura CSS. En cuanto al estilo de escritura, revisé los trabajos de algunos sitios web conocidos y descubrí que las filas horizontales casi se han convertido en la corriente principal de los principales proyectos de productos. Sin embargo, cada uno tiene diferentes formas de escribir CSS, lo que reduce la eficiencia de nuestro trabajo. . Para trabajar mejor juntos y mantener la coherencia de la escritura CSS dentro del equipo, llegamos a un consenso después de varios giros y vueltas. El método de escritura específico es el siguiente: los atributos CSS se escriben horizontalmente, los selectores se escriben verticalmente y una nueva línea. debe agregarse después de cada "," (coma);

Ejemplo de estándares de escritura de código para el grupo de refactorización: (Los números son solo para demostración y no se recomienda utilizar números en aplicaciones reales).

.nombre_clase_1 .nombre_clase_1_1,
.nombre_clase_2 .nombre_clase_2_1 .nombre_clase_2_1_1,
.class_name_3{estilo1:valor; estilo2:valor; estilo3:valor;

Algunas personas dicen que un buen código es una obra de arte incluso si se abre con el Bloc de notas y que el archivo de estilo en sí es un trabajo de diseño. En la actualidad, no existe autoridad para definir esta especificación. Solo podemos hacer un resumen simple de los dos métodos de escritura.

Compare los propios archivos de estilo:

Funciones de escritura vertical:

1. Cada propiedad CSS está en su propia línea y, por lo general, no habrá saltos de línea ni barras de desplazamiento horizontales.
2. Puede encontrar el módulo a través de Firebug y otras herramientas, y localizarlo con Ctrl+g en DW, lo que facilita su modificación.
3. Hay sangrías entre los párrafos de atributos para garantizar que el código sea limpio y jerárquico, se ajuste a las especificaciones del código del lenguaje de programación y haga que las modificaciones sean más intuitivas.

Problemas existentes: es probable que aparezcan códigos redundantes (como caracteres de espacio, caracteres de tabulación, caracteres de nueva línea);