Formatar template CSS
Enviado: Sáb Mar 02, 2013 4:00 pm
Boa tarde galera!
Mais um tópico para pedir a ajuda de vocês, agora com CSS.
Já tinha visto alguns conteúdo de CSS antes, mais sempre que tentava fazer a prática o mesmo não faz efeito.
To tentando criar o tema para um projeto básico que to desenvolvendo com o que aprendo no dia-a-dia.
Criei aqui um arquivo simples pra vocês terem idéia do que tá erra ou falta colocar no código.
index.html
estilos.css
O que aparece na index.html é os simples textos sem formatação nenhuma aplicada pelo css, o css não tá fazendo efeito.
O que falta? Pois a estrutura básica que vi nos cursos de CSS é essa.
Mais um tópico para pedir a ajuda de vocês, agora com CSS.
Já tinha visto alguns conteúdo de CSS antes, mais sempre que tentava fazer a prática o mesmo não faz efeito.
To tentando criar o tema para um projeto básico que to desenvolvendo com o que aprendo no dia-a-dia.
Criei aqui um arquivo simples pra vocês terem idéia do que tá erra ou falta colocar no código.
index.html
- Código: Selecionar todos
<html>
<header>
<title>Template - CSS</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
</header>
<body>
<div id="container">
<div id="cabecalho">Aqui é o cabeçalho.</div>
<div id="barralateral_esq">Aqui é a barra lateral esquerda.</div>
<div id="barralateral_dir">Aqui é a barra lateral esquerda.</div>
<div id="corpo">Aqui é o corpo.</div>
<div id="rodape">Aqui é o rapa-pé.</div>
</div>
</body>
</html>
estilos.css
- Código: Selecionar todos
#container {
width:850px;
}
/*Cabeçalho do site*/
#cabecalho {
width: 850px;
height: 100px;
border-bottom: 2px solid #000000;
}
/*Barra lateral esquerda*/
#barralateral_esq {
float: left;
width: 155;
height: 390;
background-color: #80C8FE;
border-right: 2px dashed #00240E;
}
/*Barra lateral direita*/
#barralateral_dir {
float: right;
width: 155;
height: 390;
background-color: #80C8FE;
border-left: 2px dashed #00240E;
}
/*Corpo - conteudo do site*/
#corpo {
margin: auto;
}
/*Roda-pe do site*/
#rodape {
clear: both;
background-color: #BFE3FE;
}
O que aparece na index.html é os simples textos sem formatação nenhuma aplicada pelo css, o css não tá fazendo efeito.
O que falta? Pois a estrutura básica que vi nos cursos de CSS é essa.