Está en la página 1de 1

Desarrollo Web Front-End

4 - CSS

4.3 - Vincular un archivo CSS


En el desarrollo web, es común separar el contenido y la estructura de una página web
(HTML) de su presentación y diseño (CSS). Vincular un archivo CSS externo con un
documento HTML permite una mayor organización y mantenimiento del código. Aquí te
explicamos cómo hacerlo con un ejemplo de código.
Organizar los archivos CSS en una carpeta separada es una prác�ca recomendada en el
desarrollo web, ya que ayuda a mantener el proyecto ordenado y facilita la ges�ón de
los es�los.

misi�o/ Supongamos que �enes


└── css/ un archivo CSS llamado
└── es�los.css "es�los.css" en una
└── index.html carpeta llamada /css.

Para vincular un archivo CSS con un documento HTML, se u�liza el elemento <link>
dentro de la sección <head> del documento HTML.

El elemento <link> se utiliza dentro de la sección <head>


del documento HTML y no necesita cerrarse.

El elemento <link> requiere algunos atributos clave para vincular correctamente el


archivo CSS.

• rel=””: Define la relación entre el HTML y el archivo vinculado. Para los archivos CSS,
el valor debe ser "stylesheet".
• type=””: Indica el �po de medio del archivo vinculado. Para los archivos CSS, el valor
debe ser "text/css".
• href=””: La dirección URL del archivo CSS a vincular. Puede ser una dirección
absoluta o una ruta rela�va.

También podría gustarte