11. JERARQUÍA
autor - usuario - navegador
<h1>Hola</h1>
viernes 27 de agosto de 2010
12. JERARQUÍA
autor - usuario - navegador
Hola
<h1>Hola</h1>
viernes 27 de agosto de 2010
13. JERARQUÍA
autor - usuario - navegador
Hola
<h1>Hola</h1>
h1
{
color:red;
}
viernes 27 de agosto de 2010
14. JERARQUÍA
autor - usuario - navegador
Hola
<h1>Hola</h1>
h1
{
color:red;
}
viernes 27 de agosto de 2010
15. ESPECÍFICO - GENÉRICO
<body>
<h1>Hola</h1>
<p>Contenido</p>
</body>
viernes 27 de agosto de 2010
16. ESPECÍFICO - GENÉRICO
Hola
<body> Contenido
<h1>Hola</h1>
<p>Contenido</p>
</body>
viernes 27 de agosto de 2010
17. ESPECÍFICO - GENÉRICO
Hola
<body> Contenido
<h1>Hola</h1>
<p>Contenido</p>
</body>
body
{
color:red;
}
viernes 27 de agosto de 2010
18. ESPECÍFICO - GENÉRICO
Hola
<body> Contenido
<h1>Hola</h1>
<p>Contenido</p>
</body>
body
{
color:red;
}
viernes 27 de agosto de 2010
19. ESPECÍFICO - GENÉRICO
Hola
<body> Contenido
<h1>Hola</h1>
<p>Contenido</p>
</body>
body
{
color:red;
}
p
{
color:blue;
}
viernes 27 de agosto de 2010
20. ESPECÍFICO - GENÉRICO
Hola
<body> Contenido
<h1>Hola</h1>
<p>Contenido</p>
</body>
body
{
color:red;
}
p
{
color:blue;
}
viernes 27 de agosto de 2010
21. SINTAXIS ESTRICTA
navegador omite definición
Hola
<body> Contenido
<h1>Hola</h1>
<p>Contenido</p>
</body>
BODY
{
color:red;
}
viernes 27 de agosto de 2010
22. SINTAXIS ESTRICTA
navegador omite definición
Hola
<body> Contenido
<h1>Hola</h1>
<p>Contenido</p>
</body>
BODY
{
color:red;
}
viernes 27 de agosto de 2010
23. CONTENEDORES DIV
La etiqueta <div> o división de bloque es un elemento de html
utilizado para definir secciones de un documento.
viernes 27 de agosto de 2010
30. El HTML de la página que armamos arriba sería:
<body>
<div>(header)</div>
<div>(barra lateral)</div>
<div>(nota 1)</div>
<div>(nota 2)</div>
<div>(footer)</div>
</body>
viernes 27 de agosto de 2010
31. El HTML de la página que armamos sería:
<body>
<div>(header)</div>
<div>(barra lateral)</div>
<div>(nota 1)</div>
<div>(nota 2)</div>
<div>(footer)</div>
</body>
viernes 27 de agosto de 2010
33. float
La propiedad float permite sacar
a un elemento del flujo del
documento, y posicionarlo a la
izquierda o derecha de otros
elementos adyacentes. Admite
tres valores, right, left y none.
viernes 27 de agosto de 2010
34. FLOAT
<div id=“caja1”>
1 1
</div>
2
<div id=“caja2”>
2 3
</div>
<div id=“caja3”>
3
</div>
viernes 27 de agosto de 2010
35. FLOAT
<div id=“caja1”>
1 1
</div>
2
<div id=“caja2”>
2 3
</div>
<div id=“caja3”>
3
</div>
#caja1
{
border-color:red
float:left;
}
viernes 27 de agosto de 2010
36. FLOAT
<div id=“caja1”>
1
</div> 1 2
<div id=“caja2”> 1 3
2
</div>
<div id=“caja3”>
3
</div>
#caja1
{
border-color:red
float:left;
}
viernes 27 de agosto de 2010
39. clear
clear se utiliza conjuntamente con float para
indicar cuando un elemento flotante
permite otros elementos flotantes junto a el.
Sus posible valores son none, left right o
both.
none: el elemento permite otros flotantes a
ambos lados
left: el elemento no permite flotantes a su
izquierda
right: el elemento no permite flotantes a su
derecha
both: el elemento no permite flotantes a
ningun lado
viernes 27 de agosto de 2010