CSS Avançado

Efeito cascata

Efeito cascata é o método que aplica a regra CSS por ordem de prioridade no código. Quando a um elemento HTML aplica-se mais de uma regra CSS, diz-se que há um conflito de regras e será aplicada aquela que tiver maior peso (importância, prioridade) determinada pela ordem do efeito cascata.

Herança

Assim numa folha de estilos as regras de estilo CSS para o elemento pai serão herdadas pelos elementos-filhos. Nem todas as propriedades são herdadas. A herança é passada do elemento-pai para os filhos e estes se tiverem filhos também herdarão e assim por diante, seguindo a herança até o elemento de menor nível.

Especificidade

A especificidade define os detalhes. Quando você define no body as propriedades font-family, font-size, essas propriedades são herdadas por toda árvore de elementos do documento. Isso tráz uma uniformidade para o texto, mas nem todos os elementos terão esse valor genérico de font, logo você terá que ser mais específico e definir valores diferentes de font para estes elementos. É aí que a mágica acontece.

@import

É uma folha de estilos para ser importada por um ou mais documentos HTML com a vantagem de poder ser combinada com outras folhas de estilo. Isto permite que se crie uma folha de estilos contendo regras gerais para todos os documentos e outras tantas folhas mais específicas contendo regras válidas para alguns documentos apenas, ou mesmo para alguns elementos específicos os quais requerem declarações de estilo adicionais.

Link

Folha de estilo externa é um arquivo que pode ser gerado em qualquer editor de texto, e salvo com extensão CSS, contendo regras de estilo e que pode ser lincado a um ou vários documentos HTML. Esta é sem dúvida a maneira mais eficaz para se formatar todo um site, bem como mudar sua aparência parcial ou globalmente, pois a simples edição de um só arquivo fará o efeito.

Informações retiradas do site: http://www.maujor.com/index.php