Diferenças de colocar estilos CSS em diferentes lugares

Pergunta
Tenho uma dúvida que talvez vocês possam me responder: ando estudando as CSS e gostaria de saber que diferenças há entre colocar as folhas de estilo em um arquivo externo, colocado no cabeçalho do código HTML ou incrustado em uma etiqueta.

Valorize esta FAQ:
A FAQ Diferenças de colocar estilos CSS em diferentes lugares tem Pertence à categoria:
Resposta
Tenho uma dúvida que talvez vocês possam me responder: ando estudando as CSS e gostaria de saber que diferenças há entre colocar as folhas de estilo em um arquivo externo, colocado no cabeçalho do código HTML ou incrustado em uma etiqueta. As diferenças entre as diferentes possibilidades que você aponta são variadas e tem a ver com o âmbito em que os estilos afetam às páginas web. Ou seja, dependendo do lugar onde você colocar os estilos afetará mais ou menos elementos de sua web.

Se colocar estilos em uma etiqueta HTML, só afetará a essa etiqueta.

Se colocar estilos no cabeçalho da página, só afetará a essa página.

Se definir os estilos em um arquivo externo, afetará a todos os arquivos HTML onde incluir esse arquivo externo.

Os estilos se sobre-escrevem uns a outros. O que prevalecem são os que afetam a elementos mais particulares. Ou seja, se definir os estilos em uma etiqueta dominarão aos possíveis estilos que tiver definido para toda a página.

Tudo isto está explicado em nosso manual de Folhas de Estilo em Cascata.

Por Miguel Angel Alvarez

Voltar à árvore de categorias Voltar à árvore de categorias

 
FAQs relacionadas
  + Links que mudam ao passar o mouse
  + Mudar tipografia para toda a página
  + Mudar o tamanho de letra de um menu select
  + Estilo nos campos de formulário
  + Estilos em barras de deslocamento
  + Como eliminar as margens de cima e debaixo que tem um formulário
  + Definir as margens de um cabeçalho ou título <h1>
  + Alinhamento de texto à direita
  + Mudar o estilo da primeira letra de um parágrafo
  + Centralizar conteúdo da página
  + [...]

Ver todas las FAQS de CSS

Usuários :    login / registro

Home | Sobre nós | Copyright | Anuncie | Entrar em contato