Definir estilos CSS en archivos externos
Declarar estilos CSS en un archivo externo, fuera del código HTML, puede sernos de
gran utilidad. Una de las ventajas de utilizar este sistema, es que nuestras páginas tendrán
menos tamaño y, por lo tanto, tardarán menos en ser cargadas. El código fuente html será más corto y
estará más organizado, pues todas las líneas de código CSS (que si son muchas, pueden "engordar" demasiado
el código) serán sustituidas por una "llamada", que más abajo veremos.
Otra gran ventaja, para mí la más importante, es el ahorro de tiempo en
modificaciones. Imaginemos que tenemos 20 páginas, y en cada una de ellas, el mismo código CSS.
Imaginemos también, que un buen día ya no nos gusta el color de texto de las páginas...
tendremos que ir una por una cambiando la propiedad CSS. Mucho tiempo, ¿no?
Como desventaja, no se me ocurre ninguna. Por ello, te recomiendo que, a no
ser que trabajes con un sólo archivo html, definas tus estilos CSS en archivos externos. Ahora,
toma nota de como indicar a los html dónde se encuentran definidos esos estilos:
Entre las etiquetas de <HEAD> y </HEAD> de cada archivo html, escribe el
siguiente código:
<link href="estilos.css" rel="stylesheet" type="text/css">
Con esto indicamos que el archivo estilos.css se trata de un archivo
style sheet (hojas de estilos) y que contiene texto en lenguaje css.
|