Como denominar parágrafos, cabeçalhos, rodapés e com CSS3
Quando você está denominando parágrafos, cabeçalhos e rodapés, a maior parte do trabalho pode ser realizado automaticamente, criando estilos tag redefinir para o
tag e no entanto muitas tags de cabeçalho que você pretende usar, como,, e:
p {font-family: Georgia, "Times New Roman", Times, serif-font-size: 12px; color: # 039-background-color: # FCEBB6-}Em algumas circunstâncias, você pode querer criar um estilo personalizado e aplicar esse seletivamente a palavras ou frases individuais em todo o seu texto usando a class = # 148-stylename # 148- atributo como parte da tag de abertura que envolve o conteúdo, mesmo que seja um parágrafo, da posição ou tag span:
.stylename {font-family: Georgia, # 147-Times New Roman # 148-, Times, serif-font-size: 10px; font-style: italic-font-weight: bold-font-variant: small-caps-color: # 006-}class ="stylename"> Todo esse número será denominado usando a classe stylename, que substitui o estilo de parágrafo redefinido.
Ao denominar conteúdo do rodapé, você pode querer criar estilos para formatar todo o conteúdo que vai para lá. Para começar, muitos designers isolar o conteúdo do rodapé em sua própria camada. Se você vai ser codificação com HTML5, você pode usar a tag para o seu conteúdo rodapé. Caso contrário, ao usar HTML 4.01 ou XHTML você pode estilizar essa camada usando um identidade estilo:
Dentro desse ou identidade estilo, você pode definir o tipo de letra, tamanho, peso e cor para contents- da camada aplicar uma cor de fundo e atributos fronteira para o Camada- e definir a camada largura, altura, índice z, e visibilidade.
#footer {font-family: Verdana, Genebra, sans-serif-font-size: 0.7em-font-weight: bold-color: # FFF-background-color: # 666-padding: 10px; margin: 20px; height: auto-width: 90% -}Depois de feito isso, você pode começar a criar estilos individuais personalizados, estilos de identidade, hiperlinks personalizados e combinadores avançadas para estilizar as várias partes do conteúdo do rodapé. Por exemplo, você pode criar um conjunto de estilos de hiperlink que só seriam aplicadas aos links no rodapé:
#footer a: link {color: # CC0 -} # rodapé a: visited {color: # 0C6 -} # rodapé a: hover {color: # FFF-background-color: # CC0-text-decoration: none;} # rodapé de um: {color: # FFF-background-color: # 0C6-text-decoration: none;} ativa. mystyle {padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px ;}Da mesma forma, o fronteira atributo de estilo na categoria propriedades fronteira tem quatro lados. No entanto, para especificar que você não quer um lado particular estilo, use o Nenhum valor da propriedade:
.teste {border-top: 0px none; border-right: 1px solid # 039-border-bottom: 0px none; border-left: 1px solid # 039-}A imagem mostra como uma camada denominada com o #rodapé e ligação Os estilos CSS mostrados aqui ficaria em um navegador.
