Definició de CSS extern i com enllaçar-se a un
Quan un navegador web carrega una pàgina web, la forma en què apareix està determinada per la informació d'un full d'estils en cascada. Hi ha tres maneres d'utilitzar un fitxer HTML per utilitzar un full d'estils: externament, internament i en línia.
Els fulls d'estil interns i en línia s'emmagatzemen dins del propi fitxer HTML. Són fàcils de treballar en aquest moment però, degut a que no estan emmagatzemats en una ubicació central, és impossible realitzar fàcilment canvis en l'estil a tot el lloc web alhora; heu de tornar a entrar a cada entrada i canviar-la manualment.
Tanmateix, amb un full d'estils extern, les instruccions per representar la pàgina s'emmagatzemen en un únic fitxer, el que fa que sigui molt fàcil editar l'estil en un lloc web sencer o en diversos elements. El fitxer utilitza l'extensió de fitxer. CSS i un enllaç a la ubicació d'aquest fitxer està inclòs en el document HTML perquè el navegador web sàpiga on buscar les instruccions d'estil.
Un o més documents poden enllaçar-se al mateix fitxer CSS, i un lloc web podria tenir molts fitxers CSS únics per dissenyar diferents pàgines, taules, imatges, etc.
Com enllaçar a una fulla d'estils externs
Cada pàgina web que vulgui utilitzar un full d'estil extern particular ha d'enllaçar-se al fitxer CSS des de la secció
En aquest exemple, l'únic que necessita canviar per fer que s'apliqui al vostre propi document, és el text styles.css . Aquesta és la ubicació del vostre fitxer CSS.
Si el fitxer es diu realment styles.css i es troba a la mateixa carpeta que el document que està enllaçant-hi, pot romandre exactament com es llegeix més amunt. No obstant això, és probable que el vostre fitxer CSS tingui una altra cosa, en aquest cas podeu canviar el nom de "estils" a allò que és vostre.
Si el fitxer CSS no està a l'arrel d'aquesta carpeta, sinó que en lloc d'una subcarpeta, podria llegir alguna cosa així:
Més informació sobre fitxers CSS externs
El major benefici dels fulls d'estil externs és que no estan lligats a cap pàgina específica. Si l'estil es realitza internament o en línia, altres pàgines del lloc web no poden apuntar-se a aquestes preferències d'estil.
Amb l'estil extern, no obstant això, el mateix fitxer CSS es pot utilitzar literalment per a cada pàgina del lloc web perquè tots tinguin un aspecte uniforme i editar el contingut de CSS del lloc web és extremadament senzill i centralitzat.
Podeu veure com funciona a continuació ...
L'estil intern requereix l'ús d'etiquetes