Fins ara hem treballat el CSS posant-lo a l’etiqueta <style> del head
Aquesta opció és poc prà ctica si volem crear và ries pà gines web que facin servir els mateixos estils (el que passa en un lloc web)
Per això, hem aprés a col·locar els estils en un document a part.
Per fer-ho, hem crear un arxiu anomenat «estils» amb l’extensió .css (estils.css) i l’hem guardat al costat de l’HTML.
Hem copiat el CSS que tenÃem dins de l’etiqueta style i l’hem enganxat al document estils.css (important, no cal copiar també l’etiqueta, només el contingut)
Un cop fet això, hem pogut eliminar l’etiqueta <style> i hem afegit una nova etiqueta:
<link href="estils.css" rel="stylesheet">href indica la ruta fins l’arxiu
rel indica la relació amb el document html d’allò que vinculem, en aquest cas és «stylesheet» (fulla d’estils)
Podem afegir un tercer atribut: media
<link href="estils.css" rel="stylesheet" media="screen">En aquest cas, l’arxiu de CSS només modificarà l’arxiu HTML a la pantalla (screen), no quan imprimim.
<link href="estils.css" rel="stylesheet" media="print">En aquest cas, l’arxiu de CSS només modificarà l’arxiu HTML a la impressora (print), no quan el veiem a la pantalla.
Per defecte, el valor de l’atribut media és «all». És a dir: si no posem res, o si posem media=»all», els estils es veuran a tot arreu.