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 fornecer a máxima flexibilidade e reutilização. Um conjunto de estilos é criado 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, um conjunto de estilos é adicionado que se concentram em exibir o "estado" dos elementos da interface do usuário. Por fim, um conjunto de estilos para indicações de interação do usuário é criado. Cada um dos estilos é usado com elementos HTML na página de exemplo. Há também uma discussão sobre como usar a mesma abordagem de implementação para estilos que controlam o layout do elemento no site.