Olá! Wednesday, 16 de October de 2019.



Dicas CódigoFonte.net
Wednesday, 04 de February de 2004

CSS - Folhas de estilo em cascata

Uma das maiores dificuldades na criação de uma página é a configuração do layout. Definir a todo momento a cor ou o tamanho de uma fonte deixa o código HTML extenso, aumenta a possibilidade de erros e além de tudo é muito cansativo.

Neste tuto você aprenderá a trabalhar com CSS (Cascading Style Sheets, ou Folhas de Estilo em Cascata). Com o CSS é possível ligar estilos aos comandos HTML. Dessa forma seu código fica muito menor e você ainda pode definir o estilo de um site inteiro com um único arquivo.

Regras

O CSS configura os estilos através de regras. Ele define as tags e as declarações. Na declaração são configuradas as propriedades (cor, fonte, tamanho) e o valor (azul, preto, verde). Por exemplo, o comando H1 { color:red } , define que a tag H1 será sempre exibida na cor vermelha.

Qualquer navegador da geração 4 suporta o CSS. Nas versões anteriores o texto é exibido normalmente, porém sem nenhuma formatação de estilo. Confira nos quadros a seguir como usar alguns dos estilos oferecidos pelo CSS:

Página com estilo

exemplo de CSS

Exemplo 2

Com o CSS criar

estilos é muito

fácil!



A configuração do estilo é iniciada pela tag Exemplo 2

Crie

classes

nas regras

do CSS e controle seu site



Veja como foram criadas as regras das classes no código acima. Por exemplo, com a regra p.verm { color: red} definimos a classe "verm" para a tag

que tem cor vermelha. Depois o comando

foi utilizado para exibir o texto com esse estilo. Você pode criar quantas classes quiser, com o nome que desejar.

Para criar estilos que são utilizados somente quando combinados com outra tag, como por exemplo um texto em itálico (tag ) dentro de um parágrafo (tag

), a regra é definida da seguinte forma: p i{ color: magenta} . Com isso a cor magenta só é aplicada se a tag estiver dentro da tag

. Se ela estiver fora, o estilo simplesmente não é aplicado.

Utilize um arquivo de regras

Você pode criar um arquivo de regras CSS para as páginas do seu site. Assim os estilos de todos os arquivos HTML ficam padronizados. Além disso são poupadas várias linhas de comando e, ao alterar as regras desse arquivo, as configurações das páginas mudam automaticamente, sem a necessidade de se editar uma a uma. Para ler os estilos de um arquivo de regras (.css) em uma página, a tag é inserida no cabeçalho ( ) da sua página. Depois os comandos HTML são inseridos normalmente.

© HPG

Até mais galera.


Comentários do artigo [Novo comentário]

Jardel.Martins - 08 de March de 2010 - 19:38
este e muito bom
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010