Como fazer marcas de folhas de estilo em cascata (CSS) Redefine Styles - dummies

Por padrão, todas as tags HTML no Estilo em Cascata Folhas (CSS), são estruturalmente pré-formatadas para procurar uma determinada maneira e executar funções específicas. Pegue a marca

, por exemplo. Esta tag é pré-formatada para ser grande, preta e negrito, e destina-se a identificar o título principal no texto, em oposição ao texto normal, que é marcado com

tags no conteúdo.

Quando você cria um estilo de redefinição de marca , , você usa o nome da etiqueta como o nome do seletor para substituir o aspecto pré-formatado de qualquer tag HTML existente, como

e

.

O estilo de redefinição da tag pode ser alterado para qualquer coisa que você gosta, como adaptar a aparência padrão de todo o conteúdo entre as tags

para combinar o design e o esquema de cores do seu site, seja isso o impacto, 28 pixels, negrito, itálico e # 000000 ou Linotype Palatino, 32 pixels, negrito e # FF99FF:

h1 {font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 32px; intensidade da fonte: Negrito; Cor: # FF99FF;}

Redefinir tags existentes é uma das melhores maneiras de exibir estilo de conteúdo global em um site sem ter que aplicar seletivamente os estilos aqui e aí, como você deve com os estilos de classe personalizados. Na verdade, para agilizar o processo CSS, a maioria dos designers, no mínimo, inicia cada arquivo CSS criando estilos de redefinição para

,

,

,

,
,
1. , ,
   ,

   e

   tags.

   

   Um estilo de redefinição de tag para a tag, por exemplo, pode assumir muitos dos atributos anteriormente aplicados à tag de abertura no código HTML, como o espaçamento padrão da margem da página e a cor do fundo da página.

   Além de modificar os estilos pré-formatados de uma tag, os estilos de redefinição de tag também podem ser usados ​​para adicionar novos estilos a uma determinada tag. Por exemplo, todas as páginas da Web, a menos que especificado de outra forma, tenham uma margem de espaço padrão de 9 pixels entre a borda da janela do navegador e seus conteúdos.
   

   Para remover ou alterar esta configuração, o atributo de margem pode ser redefinido na etiqueta do corpo. A ilustração mostra um exemplo de como um estilo para a etiqueta pode ser redefinido no CSS, onde o espaçamento de margem é definido como 0 em todos os quatro lados da janela do navegador, a cor de fundo da página é definida como preta e a fonte a cor para texto dentro do corpo é definida como branca, como no seguinte código de estilo: body {margin: 0px; cor de fundo: # 000000; cor: #ffffff;}