Ya sabemos que podemos insertar las reglas directamente dentro de un elemento de la página web mediante el parámetro style, pero como inconveniente obtenemos un método poco claro y que resulta difícil de mantener. Por tanto, siempre optaremos por separar los estilos del contenido de la página.
Así, los estilos los situaremos en la cabecera de la página, rodeados de una etiqueta HTML denominada <style> con su correspondiente </style>. El ejemplo anterior quedaría integrado en nuestra página de la siguiente manera:
<!DOCTYPE html>
<html>
<head><style type="text/css">
h1 { color: blue;}
.capitulos { font-family: sans-serif; text-decoration: underline; }
#anexos { font-size: 18px; text-align: center; }
</style>
</head>
<body>Contenido de la página</body>
</html>
Este método es fácil y su mantenimiento es simple. Si tenemos que realizar cualquier modificación, sólo tenemos que acudir a la cabecera de la página y modificar allí los estilos correspondientes, para que automáticamente toda la página cambie su apariencia.
Pregunta Verdadero-Falso
Verdadero Falso