CSS - Como funciona e como aplicar em um documento HTML
May 25th, 2008 by Rogerio Cesar Palmieri
1- Utilizando o atributo style do HTML
| <html> <head> <title>Exemplo</title> </head> <body style=”background-color: #FF0000;”> <p>Esta é uma página com fundo vermelho</p> </body> </html> |
2 - Uso da tag style no HTML
| <html> <head><title>Exemplo</title> <style type=”text/css”> body {background-color: #FF0000;} </style> </head> <body> <p>Esta é uma página com fundo vermelho</p> </body> </html> |
3 - O método externo no qual se linka uma página HTML para uma folha de estilos externa. Cria-se uma folha de estilo com a extensão .css e utiliza a propriedade link do HTML para ele “puxar” as propriedades da folha de estilo. O link é feito no reader do código HTML (entre as tags <head> e </head>)
| <html> <head> <title>Meu documento</title> <link rel=”stylesheet” type=”text/css” href = ” style / style . css” /> </head> <body> |
Utilizaremos este ultimo método para aprendermos.
Depois de criada, você pode aplicar o CSS em quantas páginas quiser que elas manterão o mesmo lay - out.
A sintaxe da CSS
A sintaxe CSS é bem simples:
seletor {
propriedade: valor;
}
O Seletor é em qual tag HTML a CSS será aplicada; a propriedade é as propeiedades da página como fonte, cor de fundo, e outras; e o valor é o valor da propriedade. No caso da cor de fundo é o numero hexadecimal da cor, no caso da fonte é o tipo de fonte utilizada.
Espero que vocês gostem
Obrigado !
Referências:
This entry was posted on Sunday, May 25th, 2008 at 8:01 am and is filed under CSS, Web 2.0. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
