Índice

Vincular un archivo CSS a una página HTML

En el apartado precedente hemos visto cómo crear un archivo CSS externo al archivo HTML. Ahora veremos cómo vincular un archivo HTML a un archivo CSS externo ya creado.

En un archivo HTML diferente al abierto anteriormente, en el panel Diseñador de CSS, pestaña Fuentes, haga clic en el botón + y seleccione Adjuntar archivo CSS existente.

images/06OWT-36.png

En la ventana Adjuntar archivo CSS existente, haga clic en el botón Examinar y seleccione el archivo CSS externo que desea vincular.

En la opción Añ. como, deje marcada la opción Vínculo.

No crearemos consultas multimedia, por lo tanto no usaremos el panel Uso condicional (opcional).

images/06OWT-37.PNG

Haga clic en Aceptar.

El archivo CSS externo, estilos-perso.css en este ejemplo, se ha vinculado efectivamente al archivo HTML abierto.

images/06OWT-38.png

Si muestra el código fuente, podrá ver el vínculo:

<link href="estilos-perso.css" rel="stylesheet" type="text/css">

En la barra del documento podremos ver, efectivamente, el archivo externo vinculado estilos-perso.css:

images/06OWT-35.PNG