Külső CSS definíció és hogyan kapcsolódhat az egyikhez
Amikor egy webböngésző betölti a weboldalt, a megjelenítés módját egy lépcsőzetes stíluslap információi határozzák meg. Háromféleképpen használhatja a HTML-fájl stíluslapját: külsőleg, belsőleg és in-line módon.
A belső és a soros stíluslapok a HTML fájlban tárolódnak. Egyszerűen dolgozhatnak ezzel a pillanatban, de mivel nem központi helyen tárolódnak, lehetetlen egyszerre változtatni a stílust az egész webhelyen; vissza kell térnie minden bejegyzéshez, és kézzel kell módosítania.
Azonban egy külső stíluslap segítségével az oldal megjelenítésének utasításai egyetlen fájlban tárolódnak, így nagyon könnyű szerkeszteni a stílusot egy teljes webhelyen vagy több elemen. A fájl a .CSS fájlkiterjesztést használja, és egy hivatkozás a fájl helyére a HTML dokumentumban található, így a webböngésző tudja, hol keresse meg a styling utasításokat.
Egy vagy több dokumentum ugyanazon CSS-fájlhoz kapcsolódhat, és a weboldalnak számos egyedi CSS-fájlja lehet különböző oldalak, táblázatok, képek stb.
Hogyan kapcsolódhat külső stíluslaphoz?
Minden olyan weboldalnak, amely egy adott külső stíluslapot szeretne használni, a szakaszon belül a CSS-fájlhoz kell kapcsolódnia, hasonlóan ehhez:
Ebben a példában az egyetlen dolog, amelyet módosítani kell ahhoz, hogy ez érvényes legyen a saját dokumentumára, a styles.css szöveg. Ez a CSS fájl helye.
Ha a fájl neve styles.css, és ugyanabban a mappában található, mint a hozzá csatlakozó dokumentum, akkor pontosan ugyanúgy marad, mint fent olvasható. Azonban esélye van arra, hogy a CSS-fájl valami mást mondjon, ebben az esetben csak a "stílusok" nevét változtathatja meg a tiédre.
Ha a CSS-fájl nem a mappa gyökerében található, hanem egy almappában, akkor helyettesítheti a következőt:
További információ a külső CSS fájlokról
A külső stíluslapok legnagyobb előnye, hogy nem kötődnek semmilyen konkrét oldalhoz. Ha a formázást belsőleg vagy in-line módon végzik el, a weboldalon található más oldalak nem mutathatják meg a stílus beállításait.
A külső stílus azonban ugyanazt a CSS-fájlt használhatja szó szerint minden egyes oldalon a honlapon, hogy mindegyikük egységes megjelenésű, és a teljes weboldal CSS tartalmának szerkesztése rendkívül egyszerű és központosított.
Láthatja, hogy ez hogyan működik az alábbiakban ...
A belső stílus megköveteli a