Como fazer folha de estilo em cascata (css) tags de redefinir estilos

Por padrão, todas as tags HTML em Cascading Style Sheets (CSS), são estruturalmente pré-formatado para olhar uma determinada maneira e executar funções específicas. Leve o tag, por exemplo. Esta tag é pré-formatado para ser grande, preto, e em negrito, e destina-se a identificar o título principal no texto, em oposição ao texto regular, que está marcado com

tags no conteúdo.

Quando você cria um estilo redefine tag, você usa o nome da marca como o nome selector para substituir a aparência pré-formatado de qualquer tag HTML existente, como

e.

O estilo de tag redefinir 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 com o design e esquema de cores do seu site, mesmo que seja Impacto, 28 pixels, negrito, itálico e # 000000 ou Palatino Linotype, 32 pixels, negrito e # FF99FF:

h1 {font-family: Palatino Linotype, Book Antiqua, Palatino, serif-font-size: 32px; font-weight: bold-color: # FF99FF-}

Redefinindo tags existentes é uma das melhores maneiras globalmente o conteúdo do estilo em um local sem ter que aplicar seletivamente os estilos aqui e ali, como você deve com estilos de classe personalizado. Na verdade, para agilizar o processo de CSS, a maioria dos designers no mínimo começar cada arquivo CSS criando estilos tag redefinir para o ,



, , , , , , e tags.

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

Além de modificar estilos pré-formatados de uma tag, tag redefinir estilos também pode ser usado para adicionar novos estilos para uma determinada marca. Por exemplo, todas as páginas web, salvo indicação em contrário, têm uma margem de 9-pixel padrão de espaço entre a borda da janela do navegador e seu conteúdo.

Para remover ou alterar essa configuração, o atributo de margem pode ser redefinido no tag corpo. A ilustração mostra um exemplo de como um estilo para o tag pode ser redefinido no CSS, onde o espaçamento margem é definida como 0 em todos os quatro lados da janela do navegador, a cor de fundo da página é definida para preto ea cor da fonte do texto dentro do corpo é definido como branco, como no seguinte código de estilo:

body {margin: 0px; background-color: # 000000-color: # ffffff-}

Publicações relacionadas