Postado por Marcus Antonius - 21 dez, 2010. em
css Pesquisando como centralizar uma div, achei esse post muito interessante no CSS no lanche.
No exemplo, é utilizado uma div com o id “container”, esse será o elemento que iremos centralizar na página. Observem a seguinte marcação HTML:
1
2
3
4
5
6
7
8
9
10
| <div id="distance"></div>
<div id="container">
<h1>Centralizar div na horizontal e vertical com float e clear - crossbrowser</h1>
<p>
Esse box fica no meio do browser em relação a seu viewpoint.<br />
O conteúdo não desaparece quando o viewpoint é redimensionado e fica menor que o box.
</p>
</div> |
Leia mais…
Tags:css
Postado por Marcus Antonius - 26 nov, 2010. em
css Muitas vezes recebemos aquele layout cheio de curvas e fontes bem caprichadas que fogem completamente das fontes web padrões e aí pensamos: “Caramba, como vamos montar isso?! Será que eu vou ter que criar uma imagem para cada título que possuí essa bendita fonte?!”
Daí o Emanuel Pessoa me mostrou uma solução muito interessante no site Font Squirrel. Além de possuir várias fontes ele ainda te dá a opção de você enviar sua própria fonte e adaptar para funcionar em qualquer site.
Leia mais…
Tags:browser, css
Postado por Marcus Antonius - 25 set, 2009. em
css Resolvi reviver esse post tirado do meu antigo blog e coloquei aqui. É sempre bom ter um guia pra todas as vezes que agente esquece alguma coisa nas folhas de estilo.
Então vamos ao trabalho!
As folhas de estilo podem ser vinculadas a um documento de três maneiras distintas:
1. Importadas ou lincadas;
2. Incorporadas;
3. Inline.
Folha de estilo externa
Uma folha de estilo é dita externa, quando as regras CSS estão declaradas em um documento a parte do documento HTML. A folha de estilo é um arquivo separado do arquivo html e que tem a extensão .css
Uma folha de estilo externa é ideal para ser aplicada a várias páginas. Com uma folha de estilo externa , você pode mudar a aparência de um site inteiro mudando um arquivo apenas (o arquivo da folha de estilo).
O arquivo css da folha de estilo externa deverá ser lincado ou importado ao documento HTML, dentro da tag <> do documento. A sintaxe geral para lincar uma folha de estilo chamada estilo.css é mostrada abaixo:
Leia mais…
Tags:css
