comenzaremos maquetando el contenedor general.
Maquetar el contenedor general con CSS
La primer capa que tendremos que crear es un contenedor general al que le aplicaremos un ancho y alto fijo para todo el sitio Web.
Para este ejemplo lo haremos con estas medidas:
- Ancho: 900 pixeles
- Alto: 400 pixeles
Sabiendo esto podemos ponernos manos a la obra :)
A este DIV lo llamaremos "contenedor", y sería algo asi:
#contenedor {
width: 900px;
height: 400px;
}
Nota: en este ejemplo usaremos la hoja de estilo estilos.css que esta vinculada al archivo index.html.
Ahora comenzamos a armar las capas, por ahora solo tenemos que llamar a la capa "contenedor", así:
<html>
<head>
<title>Maquetando con estilos CSS</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="contenedor">
</div>
</body>
</html>
Ya tenemos el contendor general, ahora maquetaremos la cabecera.