Aplicação de belas folhas de estilo em XHTML+CSS Web Page Production

Este é um artigo de muito tempo atrás. Agora parece que as idéias nele valem a pena aprender. Enquanto os casos de aprendizagem no vevb.com, aprender algum conhecimento teórico será muito útil para o seu avanço no conhecimento. Vamos lá todo mundo!

Desde que li a obra -prima do Sr. Zeldman projetando com os padrões da Web, a versão chinesa do "Site Refatoring" (2ª edição), tenho uma sensação profunda e fortaleci minha idéia de usar os padrões da Web para desenvolver e praticar nossos projetos. Mas não basta saber quais são os padrões da Web e como aplicá -los a projetos reais. Cada componente do padrão da Web deve ser aprendido e aplicado um a um e derrotado um por um para descobrir sua essência! Para designers de desenvolvimento da Web como eu, acredito que ganharemos mais entendendo esse princípio e conduzindo aprendizado e prática direcionados, e também é uma contribuição para a aplicação dos padrões da Web na China! (Haha, isso pode ser um pouco se gabando, mas é realmente o ideal da maioria dos nossos profissionais de software.)

Agora é a era do Web2.0 e até 3.0, e a era do XHTML, XML, CSS, ECMAScript e DOM. Embora não sejam a tecnologia final, eles se tornam uma solução juntos - planejamos criar um site compatível com versões anteriores e também a base técnica necessária para criar sites que atendam aos padrões da Web. Não queremos apenas obter mais suporte e acesso ao usuário, mas também construir sites de longo prazo e belos para atrair sua atenção por um longo tempo. Acredito que aprender a usar o CSS para melhorar nosso site é uma boa maneira de atrair sua atenção e uma tendência de moda na era Web2.0. Abaixo, vou falar apenas sobre a experiência que adquiri com a tecnologia CSS.

Para se tornar um especialista em CSS, está longe de ser suficiente apenas proficiente no uso de seletores CSS. Também envolve o planejamento geral do trabalho, o domínio dos processos de trabalho e a melhoria da manutenção e eficiência das folhas de estilo. O uso do CSS pode criar o maravilhoso site que queremos, e escrever CSS é um prazer em si. Então, como devemos criar folhas de estilo mais atraentes? Que características sua folha de estilo deve ter? Aprendendo e combinando minha própria experiência de trabalho, resumi uma boa maneira de fazer belas folhas de estilo.

Vincular ou importar folhas de estilo parece um trabalho sem noção. Eu já vi muitos desenvolvimentos de sites com documentos CSS organizados e bem organizados, mas lentamente, porque eles podem não ser capazes de atualizar rapidamente no curto prazo ou com preguiça de gerenciar, isso faz com que as folhas de estilo requintadas criadas anteriormente se tornem lixo. Se trabalharmos em um site enorme que precisa publicar centenas de conteúdo. Como o tempo é limitado, você precisa aninhar ou organizar o CSS para fazer modificações ou atualizações rápidas. Com o tempo, esse hábito persiste até que um dia é informado de que o site está completamente derrubado e redesenhado (mas o conteúdo ainda é o mesmo) e você só tem uma semana para criar (incluindo testes). De um modo geral, a atualização das folhas de estilo é um método muito simples. A menos que você modifique as áreas dispersas do site por um longo tempo, não pode ter uma compreensão geral da estrutura da folha de estilo do site.

Vincular ou importar sua folha de estilo não é uma coisa aleatória. Crie uma folha de estilo limpa e arrumada e continue a seguir, e você ficará mais feliz em trabalhar. Nota: Se você tentar criar uma nova folha de estilo sempre que atualizar ou adicionar novo conteúdo, definitivamente está pedindo problemas. Muitas folhas de estilo de ligação e importação podem dificultar a eliminação de bugs, dificultando a manutenção das folhas de estilo. É compreensível que sites maiores criem folhas de estilo de diferentes partes separadamente. Apenas tenha cuidado para não ir ao extremo. A adição de muitas folhas de estilo adicionará mais solicitações HTTP, o que também pode afetar o trabalho subsequente.

Além de escolher os elementos mais apropriados e mais significativos a serem expressos, você também precisa determinar a seleção dos valores de atributo de classe e ID. Uma definição clara pode simplificar a manutenção e os membros do grupo a entenderão. Veja esta definição:

.l10k {color: #369; }, .left-blue {color: #369; }, se foi feito por mim, eu poderia saber o que isso significa, mas talvez não entendi se me comparar com os outros. Mesmo se você souber o que isso significa hoje, pode garantir que ainda saberá o que significa muitos anos depois? É melhor não adicionar dimensões de cor ou comprimento e largura nos atributos de classe. Especificação de nomeação mais apropriada :. descrição do trabalho {color: #369; }

Muitos artigos escreveram algumas dicas sobre a solução de problemas, e as anotações condicionais são uma boa maneira de controlar os lançamentos do IE. Concordo que os comentários condicionais são muito melhores do que rabiscar -os em sua documentação do CSS, mas comecei lentamente a perceber que muitas evidências mostram que essa não é a melhor solução. Quero definir sua altura mínima em um elemento, mas o navegador IE6 não o executa, para que você saiba que a altura que você pode usar será tratada da mesma maneira. Recrie uma folha de estilo e adicione comentários condicionais ao seu logotipo. Todas as suas necessidades são seguir esta regra? Mantenha as regras de altura e altura mais baixa juntas e escolha um pequeno truque no mesmo documento CSS, seria melhor? Nesse caso, acho difícil trabalhar com esse método.

É bom? Todo mundo é bastante claro. Obviamente, uma coisa é inegável, que pode maximizar a reutilização do código e otimizar a configuração dos arquivos do site.

Ok, o exposto acima são algumas das minhas opiniões pessoais. Espero que todos vocês me dêem mais opiniões. Suas sugestões são minha motivação para desafiar as dificuldades! Obrigado!