Guia CSS – 5ª parte: Divs
Postado por: Pedro Rogério emAs Divs(divisões), são elementos em níveis de bloco do (x)HTML usados para definir seções de um arquivo (x)HTML. Uma divisão pode conter todas as peças que compõem sua página, incluíndo divisões adicionais, imagens, texto.
Por exemplo, você define uma divisão dentro de um arquivo (x)HTML colocando o seguinte código dentro das tags <body></body>:
<div>
Aqui vai o conteúdo do site
</div>
E na hora de aplicar algum estilo você deve prosseguir da seguinte forma, o HTML fica assim:
<div id="container">
Aqui vai o conteúdo do site
</div>
E aqui um exemplo do CSS:
#container{
width:760px;
margin:0 auto;
padding:15px;
border:1px solid #666;
background:#FFF;
}
Tudo dentro dessa divisão será denominado pelo estilo da divisão “container”.
Tradução do artigo original de: CSS Basics.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Gostou desse post?
Assine o nosso Feed RSS, siga-nos no Twitter, ou simplesmente nos recomende a seus amigos!