Cómo añadir estilos CSS en HTML

Vamos a ver cómo podemos añadir hojas de CSS a nuestra página web/blog.

Desde un archivo

Si tenemos nuestras hojas de estilo en un archivo llamado 'style.css' incluiremos dentro de la etiqueta <head> lo siguiente:

<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

Si tenemos la URL del archivo sustituiremos 'style.css' por la dirección web, o si está dentro de una carpeta '/carpeta/style.css'.

Tan sencillo como escribir los estilos dentro de estas etiquetas, situadas (de nuevo) dentro de la etiqueta <head>:

<style media="screen" type="text/css">

  

</style>

Sólo tenemos que añadir el atributo 'style' y dentro nuestras reglas CSS:

<p style="color:blue;">Párrafo de color azul</p>

También podemos importar un arhivo CSS desde otro archivo (que puede ser una URL) CSS utilizando @import:

@import 'archivo.css';

Más información sobre '@import'.