Teoría
Teoría

Estilos de conexión

Los estilos pueden escribirse dentro del código HTML de una página o pueden adjuntarse como archivo externo.

En el primer caso, los estilos se denominan estilos "inline" o "en línea", y deben escribirse 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 el código CSS habitual.

Los estilos en línea no se utilizan tan a menudo, por ejemplo, para optimizar la velocidad de carga de la página. Más a menudo se utilizan estilos externos, con los que nos familiarizaremos más adelante.

index.html

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Estilos de conexión</title>  </head> <body> <h1>Estilos de conexión</h1> <p>Los estilos pueden conectarse de varias maneras.</p> <p>Una de ellas es describir estilos dentro de una página HTML. Para ello se utiliza la etiqueta <style>.</p> </body> </html>

ObjetivosRealizado

Descomente la etiqueta <style>.