Ejercicio 4 — Estilos internos

En este ejercicio se practica el uso de CSS interno, definido dentro de la etiqueta <style> en el documento HTML. Este método permite separar parcialmente el contenido del estilo, aplicar reglas a varios elementos a la vez y mantener un código más ordenado.

Enunciado

Haz una copia del fichero del ejercicio anterior con nombre Ejercicio4.html en el que cambiarás la forma de incluir código CSS para hacerlo con las etiquetas style de manera interna. ¿Qué ventaja encuentras en hacerlo de esta manera? Coméntalo dentro de las etiquetas style utilizando comentarios CSS.

Código HTML

<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>Ejercicio 2.4 - Estilos internos</title>

  <style>
    /* Ventajas de usar CSS interno:
      - Se separa el estilo del contenido (más limpio que el CSS en línea).
      - Permite aplicar el mismo estilo a varios elementos sin repetir código.
    */
    h1 {
      color: green;
    }

    p {
      color: red;
    }
  </style>
</head>
<body>
  <h1>Bienvenido al ejercicio 4</h1>

  <p>Párrafo de ejemplo dentro del body</p>
</body>
</html>

Puedes visualizar el resultado final de este ejercicio con el siguiente enlace:

🚀 Ver resultado del ejercicio