Teoría
Teoría

Cómo conectar estilos

Los estilos pueden escribirse dentro del código HTML de la página o conectarse desde un archivo externo.

En el primer caso, los estilos van integrados en la página y se escriben dentro de la etiqueta <style>. Esta etiqueta suele colocarse dentro de <head>. Por ejemplo:

<head>
  <style>
    código CSS
  </style>
</head>

Dentro de <style> se escribe CSS normal.

Los estilos integrados no se usan tan seguido. Por ejemplo, pueden servir para optimizar la velocidad de carga de una página. Lo más habitual es usar estilos externos, que veremos más adelante.

index.html

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cómo conectar estilos</title>  </head> <body> <h1>Cómo conectar estilos</h1> <p>Los estilos se pueden agregar de distintas maneras.</p> <p>Una de ellas es escribirlos dentro de la propia página HTML. Para eso se usa la etiqueta <style>.</p> </body> </html>

ObjetivosRealizado

Quita los comentarios de la etiqueta <style>.