13 - Definición de estilos por medio de id.



Problema:

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;
}
Ver solución


Retornar