Cómo enlazar un archivo CSS a un archivo HTML

Puedes enlazar un archivo CSS a un archivo HTML agregando un elemento ** link** dentro del head de tu archivo HTML. De esta forma:

<link rel="“stylesheet”" src="“style.css”">

El elemento link tiene muchos usos, y es importante especificar los atributos correctos para que puedas usarlo para importar una hoja de estilo CSS externa. Veamos algunos atributos importantes ahora.

El atributo ** rel**
El primero de los dos atributos indispensables es el atributo rel. Utilizarás este atributo para indicarle al navegador cuál es la relación con el archivo importado.
Escribirás rel=“stylesheet” para decirle al navegador que está importando una hoja de estilo.

El atributo src
El segundo atributo indispensable es el src, que especifica el archivo a importar.

Una situación común es que el archivo CSS y el archivo HTML estén en la misma carpeta. En tal caso, puedes escribir src=“style.css”.

Pero si estos están en una carpeta distinta, necesitarás escribir una ruta como

“css/styles.css”.

El atributo type
<link rel="“stylesheet”" src="“style.css”" type="“text/css”">
Usas el atributo type para definir el tipo de contenido al que está enlazando. Para un archivo CSS, esto será text/css. Pero css es el único lenguaje de hoja de estilo que se utiliza en la web, no solo es opcional, sino que incluso es una buena práctica no incluirlo.

Espero que sirva de algo