1 CSS para uma página HTML Parte I Sex Fev 10, 2012 9:54 pm
Matheeus
Administrador
Olá Convidado
Primeiro vamos começar com o CSS códigos básicos.Abra o Bloco de Notas: e Salve o Documento na mesma pasta que salvaras a index.html que você viu como criar nesse
Tópico Aqui.... Aconcelho a salvar tudo numa pasta para ser melhor de achar.
- Código:
body{
background: #ccc;
margin: auto;
}
Para colocar uma imagem como Plano de Fundo
- Código:
body{
background:url (ENDEREÇO_DA_IMAGEM) no-repeat <!--Para nao repetir se for uma imagem pequena coloque repeat-x --!>
margin: auto;
}
Agora vamos começar a fazer as partes da Página.
Analise abaixo a Observação.
Observação: Quando trabalhamos no CSS com o Simbolo "#" na frente das categorias exemplo
Teremos que usar o
- Código:
#wrap{}
no HTML, mais se usarmos o "." exemplo
- Código:
<div id="wrap">
, no HTML teremos que usar assim
- Código:
.wrap
- Código:
<div class="wrap">
Então iremos começar.
vamos estruturar o "HEADER", onde vai ficar nossa logotipo e tudo mais...
Jamais podemos esquecer de fechar uma açao com o ponto e virgula: exemplo:
- Código:
#header{
backgorund: #fff;
margin: auto;
}
- Código:
body{
background: #ccc;
margin: auto;
}
#header{
background: #000;
width: 800px;
height: 200px;
}
Na página em HTML deve estar assim:
- Código:
<body>
<div id="header">
</div>
</body>
Em outro Tutorial aprenderemos mais coisas sobre o CSS, aguarde mais novidades.
by: Matheeus