Cursos / Informática para Internet / Autoria Web / Aula

arrow_back Aula 08 - Layout CSS, arquitetura da informação e conteúdo para web

Diretrizes para Melhorar a Organização do CSS

Para estilizar o documento, você deve escrever as regras de forma que você consiga facilmente modificá-las posteriormente.

Você pode fazer isso comentando o código CSS e juntando definições de elementos que têm a mesma aparência.Veja um exemplo na Figura 6.

Tente usar o mínimo de ids e classes possíveis e faça a estilização dos elementos usando seletores descendentes. Por exemplo, faça primeiro a estilização para o container como um todo; para listas e depois para itens de lista; para links e depois para cada um dos pseudoatributos do link, ou seja, primeiro os elementos mais gerais e depois os mais específicos.

Exemplo de organização do CSS

Versão 5.3 - Todos os Direitos reservados