Direct Design Br


Banner Parceiros
Escolha um Tema
  
Facebook Like

Conectar-se

Esqueci minha senha



Últimos assuntos
» Habbo Parceiro
Ter Mar 27, 2012 11:48 am por Matheeus

» Assine nossa Parceiragem
Seg Mar 19, 2012 9:39 pm por Matheeus

» New Themes
Qui Mar 15, 2012 9:43 am por Dj Killer

» [APRESENTAÇÃO] Matheeus [APRESENTAÇÃO]
Dom Mar 11, 2012 6:09 pm por Dj Killer

» [PHOTOSHOP] Texto em 3D
Qui Mar 08, 2012 11:31 am por Dj Killer

» Guilherme Mulero
Ter Mar 06, 2012 7:11 am por Dj Killer

» Pergunte a vontade
Seg Mar 05, 2012 7:45 pm por Dj Killer

» Edição de Nick com icones
Seg Mar 05, 2012 7:42 pm por Dj Killer

» Alpha :)
Dom Mar 04, 2012 11:13 am por Dj Killer


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 CSS para uma página HTML Parte I em Sex Fev 10, 2012 9:54 pm

Matheeus

avatar
Administrador
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;
}
Este é para o Corpo atras do wrap, é a cor e pra toda a página ficar centralizada.
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
Código:
#wrap{}
Teremos que usar o
Código:
<div id="wrap">
no HTML, mais se usarmos o "." exemplo
Código:
.wrap
, no HTML teremos que usar assim
Código:
<div class="wrap">

Então iremos começar.


Jamais podemos esquecer de fechar uma açao com o ponto e virgula: exemplo:
Código:

#header{
            backgorund: #fff;
            margin: auto;
}
vamos estruturar o "HEADER", onde vai ficar nossa logotipo e tudo mais...

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>
Esse é o nosso HEADER básico depois aprenderemos a personalizar as coisas bem melhor.
Em outro Tutorial aprenderemos mais coisas sobre o CSS, aguarde mais novidades.

by: Matheeus

http://www.directdesign-br.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

 


Copyright © Todos os Direitos Reservados
Direct Design Brasil 2011 - 2012