Episódio

Como faço para: Criar uma abordagem eficiente e padronizada para implementar estilos CSS?

Neste vídeo, Chris Pels mostra como organizar e implementar estilos CSS que fornecem uma aparência padronizada para um site. Além disso, os estilos são organizados para proporcionar a máxima flexibilidade e reutilização. É criado um conjunto de estilos que se concentra na aparência visual do site. Primeiro, um site de exemplo é criado com um arquivo CSS para uma página de exemplo. Os primeiros grupos de estilos criados são orientados para fornecer contêineres para conteúdo em todo o site. Em seguida, é adicionado um conjunto de estilos que se concentram na exibição do "estado" dos elementos da interface do usuário. Finalmente, um conjunto de estilos para pistas de interação do usuário são criados. Cada um dos estilos é usado com elementos HTML na página de exemplo. Há também uma discussão sobre o uso da mesma abordagem de implementação para estilos que controlam o layout do elemento no site.