Cadernos de Informática - Portal do Professor
Cadernos de Informática - Portal do Professor
Cadernos de Informática - Portal do Professor
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
<strong>Ca<strong>de</strong>rnos</strong> <strong>de</strong> <strong>Informática</strong><br />
60<br />
CURSO DE INTRODUÇÃO AO WEBSITE<br />
Secretaria <strong>de</strong> Esta<strong>do</strong> <strong>de</strong> Educação MG<br />
<br />
<br />
<br />
O browser irá ler as <strong>de</strong>finições <strong>do</strong> arquivo estilos.css, e formatar a página <strong>de</strong> acor<strong>do</strong> com<br />
ele.<br />
Uma folha <strong>de</strong> estilo externa po<strong>de</strong> ser escrita em qualquer editor <strong>de</strong> texto. O arquivo não<br />
<strong>de</strong>ve conter tags HTML. Seu arquivo <strong>de</strong>ve usar a extensão .css. Abaixo um exemplo <strong>de</strong><br />
um arquivo <strong>de</strong> estilos:<br />
hr {color: sienna}<br />
p {margin-left: 20px}<br />
body {background-image: url("images/back40.gif")}<br />
NÃO <strong>de</strong>ixe espaços entre o valor da proprieda<strong>de</strong> e as unida<strong>de</strong>s!<br />
Se usar "margin-left: 20 px" no lugar <strong>de</strong> "margin-left: 20px" não serão aplicadas as<br />
regras em browsers como Mozilla/Firefox ou Netscape.<br />
2 - Folha <strong>de</strong> Estilos Interna<br />
Uma folha <strong>de</strong> estilo interna <strong>de</strong>ve ser usada quan<strong>do</strong> um <strong>do</strong>cumento tem um estilo único.<br />
Po<strong>de</strong>mos <strong>de</strong>finir estilos internos na seção head usan<strong>do</strong> a tag , da seguinte forma:<br />
<br />
<br />
hr {color: sienna}<br />
p {margin-left: 20px}<br />
body {background-image: url("images/back40.gif")}<br />
<br />
<br />
Nota: Os browsers normalmente ignoram tags <strong>de</strong>sconhecidas. Isto significa que um<br />
browser antigo que não suporta estilos irá ignorar a tag , mas o conteu<strong>do</strong> da tag<br />
será exibi<strong>do</strong> na página. É possivel prevenir que um browser antigo eiba o conteu<strong>do</strong><br />
escon<strong>de</strong>n<strong>do</strong>-o <strong>de</strong>ntro <strong>de</strong> um comentário HTML:<br />
<br />
<br />
<br />
<br />