Estrutura do CSS

Para controlar a estrutura de uma página HTML por meio do CSS é desejável nomear os elementos únicos, como exemplificado na imagem abaixo:

Cada bloco é um elemento único na página, portanto serão IDs. Para compor as regras de CSS deverão ser nomeadas da seguinte forma:

#geral {
       propriedade: valor;
}

#topo {
       propriedade: valor;
}

#titulo {
       propriedade: valor;
}

#conteudo {
       propriedade: valor;
}

#menulateral {
       propriedade: valor;
}

#rodape {
       propriedade: valor;
}

Para cada bloco, é possível controlar suas propriedades. As principais são: margin, border, padding, color; background-color e font-size. Essas propriedades estão ilustradas na imagem abaixo:

Para controlar cada elemento, escolha se a regra será aplicada em um elemento (ou seletor), classe (class) ou identificador (id).

Lembre-se sempre sobre a relevância de cada um:

Indicação de referências para estudo

W3Schools. CSS. Disponível em <http://www.w3schools.com/css/>.

MAUJOR. Introdução às CSS. Disponível em <http://www.maujor.com/tutorial/intrtut.php>

Coleção Aprender

Estrutura do CSS

Indicação de referências para estudo