Tutorial Css

CSS
Tutorial
Layout - Tableless
Inicio
Declaramos a folha de estilo entre as tags

head :
<head>
<style type="text/css">
</style>
…
</head>
CSS - página
Identifica o elemento Determina cor de fundo
#site{ background-color:#000000;
height:600px; Determina altura
width:990px; Define largura
margin:auto; Define margem

automática centralizando
o elemento
CSS - Topo
#topo{ background-color: #666666;

height:150px;
Veja que somente
margin:auto; definimos a altura
deste elemento
}
CSS – Coluna da Esquerda
#colunesq{ background-color:#000033;
height:450px;
width:135px;
}
Código HTML
<body>
<div id="site">
<div id="topo">
</div>
<div id="colunesq">
</div>
</div>
</body>
</html>
CSS- Menu
<div id="colunesq">
<ul id="menuver">
<li>
<a href="#" title="Entrada no site">Home</a>
</li>
<li>
<a href="#" title="Área de tutorial CSS"
>CSS Tutorial</a>
</li>
<li>
<a href="#" title="Técnicas de layout com CSS"
>CSS Layout</a>
</li>
<li>
<a href="#" title="Técnicas de efeitos em links"
>CSS Links</a>
</li>
</ul>
</div>

Tutorial Css

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Tutorial Css

Enviado por

Direitos autorais:

Formatos disponíveis

CSS

Declaramos a folha de estilo entre as tags

Identifica o elemento Determina cor de fundo

width:990px; Define largura

margin:auto; Define margem

#topo{ background-color: #666666;

Você também pode gostar