tags html: div e spam; propriedades css: position e float. · 8 edmilson campos...
TRANSCRIPT
Disciplina:
http://edmilsoncampos.net
Edmilson Campos, Prof. MsC.
Tags HTML: div e spam; Propriedades CSS: position e float.
Autoria Web
AULA 10
Edmilson Campos ([email protected])5
▪<body>
<div class="zonaesquerda">
<p>texto, texto, texto</p>
</div>
<div class="zonacentral">
<h1>Título</h1>
<p> texto, texto, texto, <span class="nota">texto, texto</span>, texto</p>
<p> texto, texto, texto, texto, texto, texto</p>
</div>
</body>
Edmilson Campos ([email protected])9
▪
Edmilson Campos ([email protected])10
▪
Edmilson Campos ([email protected])13
Edmilson Campos ([email protected])14
▪
▪
▪
»
▪p {
position: static; /* podemos omitir esta propriedade */
width: 200px;
height: 5em;
}
Edmilson Campos ([email protected])16
▪
▪p {
position: absolute;
left: 20px;
top: 50px;
width: 10em;
}
Edmilson Campos ([email protected])17
▪
▪
▪ Exemplop {
position: fixed;
left: 20px;
top: 50px;
width: 10em;
}
Edmilson Campos ([email protected])18
<div class="esq">
<ul>
<li>Opção 1</li>
<li>Opção 2</li>
<li>Opção 3</li>
</ul>
</div>
<div class="centro">
texto, texto, texto...
</div>
div.esq {
float: left;
width: 200px;
}
div.centro {
margin-left: 220px;
}
Edmilson Campos ([email protected])19
▪ http://www.maxdesign.com.au/css/
▪ http://web.fe.up.pt/~ssn/disciplinas/cdi/css/18.html
▪ http://blog.html.it/layoutgala/
▪http://css.maxdesign.com.au/floatutorial/
Edmilson Campos ([email protected])20