Definir tres estilos de tipo id (cabecera, cuerpo y pie), luego definir en el archivo HTML tres areas (div) inicializando el atributo id con los nombres de reglas de estilo creados.
<!DOCTYPE html> <html> <head> <title>Problema</title> <meta charset="UTF-8"> <link rel="StyleSheet" href="estilos.css" type="text/css"> </head> <body> <div id="cabecera"> <h1>Gestor de base de datos MySQL</h1> </div> <div id="cuerpo"> <p>SQL, Structure Query Language (Lenguaje de Consulta Estructurado) es un lenguaje de programacion para trabajar con base de datos relacionales como MySQL, Oracle, etc.</p> <p>MySQL es un interpretador de SQL, es un servidor de base de datos.</p> <p>MySQL permite crear base de datos y tablas, insertar datos, modificarlos, eliminarlos, ordenarlos, hacer consultas y realizar muchas operaciones, etc., resumiendo: administrar bases de datos.</p> </div> <div id="pie"> <p>Tutorial de MySQL</p> </div> </body> </html>
#cabecera { background-color:#888; color:#ffffff; font-family:Courier; } #cuerpo { background-color:#eee; font-family:Arial; text-indent:20px; } #pie { background-color:#888; text-align:center; color:#eedd00; }