À medida que os negócios da empresa aumentam, as necessidades aumentam e a equipe continua a se expandir. Muitas vezes encontramos várias pessoas trabalhando juntas para concluir o mesmo trabalho ou manter e modificar o trabalho de outras pessoas. você mais? Quando implementamos uma página com desempenho complexo, o arquivo CSS será mais complicado. Os numerosos seletores e atributos são deslumbrantes. Então, como posicioná-lo mais rapidamente e como escrever estilos com mais eficiência. Escrever CSS é ignorado por muitas pessoas. Em relação ao estilo de escrita, examinei os trabalhos de alguns sites conhecidos e descobri que as linhas horizontais quase se tornaram a tendência principal dos principais projetos de produtos. No entanto, cada pessoa tem maneiras diferentes de escrever CSS, o que leva a uma redução na eficiência do nosso trabalho. . Para trabalhar melhor em conjunto e manter a consistência da escrita CSS dentro da equipe, chegamos a um consenso após várias reviravoltas. O método de escrita específico é o seguinte: os atributos CSS são escritos horizontalmente, os seletores são escritos verticalmente e uma nova linha. deve ser adicionado após cada "," (vírgula);
Exemplo de padrões de escrita de código para o grupo de refatoração: (Os números são apenas para demonstração e não é recomendado o uso de números em aplicativos reais.)
.nome_classe_1 .nome_classe_1_1,
.nome_da_classe_2 .nome_da_classe_2_1 .nome_da_classe_2_1_1,
.class_name_3{estilo1:valor; estilo2:valor;
Algumas pessoas dizem que um bom código é uma obra de arte, mesmo que seja aberto com o Bloco de Notas, e o próprio arquivo de estilo é um trabalho de design. Atualmente, não há autoridade para definir esta especificação. Podemos apenas fazer um simples resumo dos dois métodos de escrita.
Compare os próprios arquivos de estilo:
Recursos de escrita vertical:
Problemas existentes: código redundante (como caracteres de espaço, caracteres de tabulação, caracteres de nova linha); aumento do tamanho do arquivo;