Читать книгу El gran libro de HTML5, CSS3 y Javascript - Diego Gauchat Juan - Страница 53

La declaración de los estilos en el encabezado del documento ahorra espacio y hace que el código sea más consistente y fácil de mantener, pero se requiere una copia de los estilos en todos los documentos de nuestro sitio web. La solución a esta duplicación es mover todos los estilos en un archivo externo y utilizar el elemento <link> para insertar este archivo en cualquier documento que requiera la aplicación del estilo. Este método también permite cambiar todo un conjunto de estilos mediante la simple inserción de un archivo diferente, así como modificar o adaptar los documentos a cada circunstancia o dispositivo, tal como veremos al final del libro.

En el Capítulo 1 se estudió la etiqueta <link> y cómo insertar archivos CSS en nuestros documentos. Usando de la línea <link rel=“stylesheet” href=“misestilos.css”>, indicamos al navegador que cargase el archivo misestilos.css, que contiene todos los estilos necesarios para procesar la página. Esta práctica es ampliamente utilizada entre los diseñadores que trabajan con HTML5. La etiqueta <link> referida al archivo CSS se puede insertar en cualquier documento en el que sean pertinentes los estilos que contiene.

Código 2-7

Aplicación de estilos CSS desde un archivo externo.

Hágalo usted mismo

A partir de ahora añada los estilos CSS en un archivo llamado misestilos.css. Cree ese archivo en la misma carpeta que el archivo HTML y copie los estilos CSS dentro de este archivo para ver la forma en la que trabajan.