Em relação aos hábitos de escrita, seguir os padrões de estilo resumidos no passado não mudou em nada. E recentemente, olhando para os trabalhos de especialistas, parece que as linhas horizontais estão gradualmente se tornando comuns em grandes projetos de produtos. Pessoalmente, acho que a eficiência da manutenção é realmente maior dessa forma e, no futuro, os displays certamente se tornarão cada vez maiores.
Normalmente, meu primeiro passo para manter o trabalho de outras pessoas é ajustar os espaços. Basicamente, escrevi a folha de estilo para a forma na imagem abaixo. Somente pessoas como eu, que não se importam com os outros, são tão sensíveis a vários ou poucos espaços. Quanto ao impacto no efeito, você pode querer compará-lo e consultá-lo. Os editores de código são relativamente bons em localizar o número de pares, então o que precisamos resolver é como localizar rapidamente os alvos verticalmente.
Exemplo da página inicial do Microsoft.com de agosto de 2006.
E observei que os conceitos de design recentemente populares, como rasterização e aprimoramento progressivo, podem ser bem aplicados ao design de folhas de estilo. Um bom código deve ser claramente classificado para cima e para baixo, à esquerda e à direita. O bloqueio apropriado e os espaços em branco ajudarão o design modular e melhorarão muito a escalabilidade, a reutilização e a capacidade de manutenção. Em geral, vale a pena explorar os seguintes quatro aspectos da escrita e acumular hábitos pessoais (de equipe):
nome
Tipografia
Ordem de definição de propriedade
Formato de comentário
Se você adicionar várias sintaxes de Hack e definições privadas, como -moz-, -webkit-, esse assunto será extremamente complicado. Porém, do ponto de vista organizacional, é fácil pensar que eles deveriam ser separados e chamados separadamente. O conhecimento é muito profundo. Preciso primeiro organizar meus pensamentos e depois discuti-los e resumi-los quando tiver tempo. A imagem abaixo é um trecho de código de uma alteração recente no site pessoal:
Alguns dias atrás, usei a instrução Css3 text-shadow para encerrar o Chrome 2 duas vezes com sucesso em um determinado idioma chinês tradicional e tive que fazer o downgrade para o Chrome 1. Vale ressaltar que o efeito de sombra do texto é muito bom, a sombra clara tem até um toque de tinta. A julgar pelos desenvolvimentos recentes, os navegadores estarão cada vez mais próximos da padronização.
Num futuro próximo, o CSS substituirá grande parte do trabalho de design visual. No futuro, os manuscritos de web design quase não usarão mais o método primitivo de desenho. Em outras palavras, no futuro, o sistema de conhecimento de design visual da web será ainda mais combinado com a codificação. Nos últimos três anos, meu foco de trabalho não tem sido a estrutura e o desempenho da página. No entanto, o diagrama de quadro do protótipo ainda usa principalmente HTML para melhorar a eficiência e também é todo escrito à mão. Não há mal nenhum em praticar habilidades mais básicas. Quanto à eficiência. Nada além de familiaridade.
Sempre brinque com colegas que têm maus hábitos e seja reservado ao escrever código. Você não está lutando sozinho. Um bom código ainda é uma obra de arte, mesmo se você abri-lo com o Bloco de Notas, quanto mais com o design. A folha de estilo está no editor e é em si um exercício de design de informação.