Como estilo de parágrafos, cabeçalhos e rodapés 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
Conteúdo
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 =”stylename” 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, “Times New Roman”, Times, serif-font-size: 10px; font-style:-font-weight itálico: bold-font-variant: small-caps-color: # 006-} class ="stylename"gt; Todo esse número será de estilo 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 a camada usando um identidade estilo:
Dentro desse ou identidade estilo, pode definir o tipo de letra, tamanho, peso e cor para contents- da camada aplica uma cor de fundo e atributos de fronteira para a camada- e definir a camada de 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, hyperlinks personalizados e combinadores avançadas para denominar as várias partes do conteúdo do rodapé. Por exemplo, você pode criar um conjunto de estilos de hiperlink que só seriam aplicadas às ligações dentro do rodapé:
Video: HTML5 & CSS3 - 02 - Tags para Links, Parágrafos e Cabeçalhos
#footer a: link {color: # CC0 -} # rodapé a: visited {color: # 0C6 -} # rodapé a: hover {color: # FFF-background-color: # CC0-text-decoration: none;} # rodapé 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 de fronteira tem quatro lados. No entanto, para especificar que você não quer um lado particular estilo, use o Nenhum valor da propriedade:
Video: Curso de HTML Aula 002 Conhecendo as TAGS HTML de cabeçalho, parágrafo e quebra de linha
.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.
Video: HTML e CSS Tutorial Básico 3 [PT] - Parágrafos e Cabeçalhos
