El archivo CSS lo puedes generar en el bloc de notas o otro editor como el Araneae. En el editor escribiremos las siguientes reglas CSS:
body{background:#ffffff;color:#000000;}
ul{list-style-type:none;}
.contenedor{width:720px;}
.cabecera{background:#0000FF;color:#fff;}
.menu{background:#008000;color:#fff;}
.contenido{background:#004080;color:#fff;}
.pie{background:#C0C0C0;text-align:center;}
Podras apreciar que en la hoja de estilo, estan los nombres de los bloques div que colocamos en el atributo (CLASS="")
Es decir, en la hoja de estilo escribimos un punto (.) seguido del nombre del bloque div, a este procedimiento se le llama creación de selectores de clase.
Finalmente el archivo CSS lo guardamos en el mismo directorio de la página, para el ejemplo con el nombre "basico" seguida de la extension .css, es decir "basico.css"
Ahora enlazaremos la hoja de estilo ó archivo CSS desde la página HTML, mediante el atributo link:
<link rel="stylesheet" type="text/css" href="basico.css" />El cual está ubicado entre las etiquetas <head>... </head>
Podemos apreciar las reglas básicas que definimos (diferentes colores para cada bloque):
Maquetación con CSS, HTML flotar bloques, layout o cajas. Diseño web estandar, colores CSS, ancho, alto.
Ver más »Códigos CSS para imágenes, casos prácticos, ejemplos.
Ver más »Volumen de letras, fuentes, tipografía, interlineado, tamaño de texto, subrayado, efectos de texto:
Ver más »Aprenderemos a estructurar y diseñar todo tipo de menus con CSS mediante ejemplos y casos prácticos.