Skip to main content

Hogyan készítsünk egy belső CSS stíluslapot

A kezdő (The Intern) - Szinkronos előzetes (12) (Június 2026)

A kezdő (The Intern) - Szinkronos előzetes (12) (Június 2026)
Anonim

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:

  1. Nyisson meg egy HTML dokumentumot a webszerkesztőben.
  2. Adja hozzá az alábbiakat a

A teljes belső stíluslap így fog kinézni: