Para incluir estilos en HTML existen 3 formas de aplicar hojas de estilo en cascada en nuestros documentos:
- En linea directamente dentro de la etiquetas.
- Abriendo en la cabecera una etiqueta <style></style>.
- En archivos externos, llamando archivos CSS mediante la etiqueta <link>.
Ejm
// Estilos en la misma etiqueta
<p style="color:black">Estilo en etiquetas</p>
// Hojas de estilo internas
<style>
p {
color:black;
}
</style>
// Estilos en hojas de estilo externas
<link rel="stylesheet" href="hojaestilos.css">
El atributo link no sólo sirve para enlazar estilos, puede enlazar documentosdetexto, xml, favicon… El atributo rel nos dice a que tipo de documento hace referencia. El atributo href indica la ruta donde se encuentra ese estilo.