CSS, amely csak az aktuális dokumentumot érinti
Mik azok a belső stíluslapok
A belső stíluslapok olyan stílusok, amelyek a HTML dokumentumban vannak elhelyezve. Ezek a stílusok csak a dokumentumot érintik, és nem hivatkozhatnak más webes dokumentumokra.
A belső stíluslap előnyei
- A belső stíluslapok csak az oldalra vonatkoznak.
- Ha nagy webhelyen dolgozik, és tesztelniük kell a stílusokat, mielőtt betöltené őket a webhely egészére, a belső stíluslapok kiváló eszköz lehet. Lehetővé teszik a stílusok tesztelését az egész webhely kontextusában anélkül, hogy megszakítaná az oldalakat, csak a tesztelést.
- A belső stíluslapok osztályokat és azonosítószámokat használhatnak.
- Az inline stílusokkal ellentétben a belső stíluslapok még mindig kihasználhatják az osztályok, azonosítók, testvérek és egyéb elemkapcsolatok előnyeit.
- A belső stíluslapoknak nem kell több fájlt feltölteniük.
- Ez különösen akkor hasznos, ha olyan dolgokkal dolgozik, mint például az e-mailek vagy a kioszkok, ahol csak egy HTML-fájl áll rendelkezésre szerkesztésre. Gyakran használok inline stílust, amikor nem vagyok biztos benne, hogy az URL egy stílusmintát betöltődik-e a CMS-be - a stílusok megőrzése a dokumentummal azt jelenti, hogy tudom, milyen stílusok befolyásolják a dokumentumot.
- A belső stílusok nagyobb előnyt élvezhetnek, mint a külső stíluslapok.
- Ezt a külső stíluslapok betöltésének sorrendje határozza meg. Az oldal webfejlesztője vezérli, hogy hol helyezkednek el a belső stílusok a dokumentum fejrészében. Ha a külső stílusokhoz való kapcsolódás után kerülnek elhelyezkedésre, akkor nagyobb a kaszkád elsőbbsége, és felülmúlják a külső stíluslapot.
A belső stíluslapok hátrányai
- Csak az oldalra vonatkoznak, amelyen vannak.
- Ha ugyanazokat a stílusokat szeretné használni több dokumentumban, meg kell ismételnie őket minden oldalra (vagy külső stíluslapra mutató linkre).
- A belső stíluslapok növelik az oldal betöltési idejét.
- Minden olyan oldal, amelynek belső stíluslapja van, betölti és elemzi a stíluslapra vonatkozó információkat minden oldal betöltésekor. A külső stíluslapokat böngésző gyorsítótárba helyezi, amely javítja a betöltési időt minden oldalra az első betöltés után.
Hogyan írhatunk belső stíluslapot?
elem:
- Nyisson meg egy HTML dokumentumot a webszerkesztőben .
- Adja hozzá az alábbiakat a
A teljes belső stíluslap így fog kinézni: