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 el moment, però perquè no estan emmagatzemats en una ubicació central, és impossible realitzar canvis fàcilment 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 s'inclou 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 fer servir un full d'estil extern particular ha d'enllaçar-se al fitxer CSS des de dins
secció, molt així:
En aquest exemple, l'únic que cal canviar per fer que s'apliqui al vostre propi document és el styles.css text. Aquesta és la ubicació del vostre fitxer CSS.
Si el fitxer s'anomena realment styles.css i es troba a la mateixa carpeta que el document que el vincula, llavors 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 de
Tanmateix, ja que els fulls d'estil externs estan continguts en el seu propi fitxer, es poden crear d'aquesta manera i significa que el mateix que l'exemple anterior és:
cos {background-color: verd; } h1 {color: blau; marge esquerre: 15 píxels; }
En aquests exemples, l'estil en línia només s'aplica a aquesta pàgina en particular, evident pel fet que està contingut en els detalls de capçalera de la pàgina HTML. Amb el segon exemple, la informació CSS és autònoma en un fitxer CSS que qualsevol pàgina pot enllaçar amb el codi del Com enllaçar a una fulla d'estils externs secció anterior.
