CSS, kuris veikia tik dabartinį dokumentą
Kas yra vidiniai stiliaus lapai
Vidiniai stiliaus lapai yra stiliai, kurie yra dedami į HTML dokumentą. Šie stiliai turi įtakos tik dokumentui, kuriame jie yra, ir negali būti nurodyti jokiame kitame žiniatinklio dokumente.
Vidinio stiliaus lapelių privalumai
- Vidiniai stiliaus lapai veikia tik tą puslapį, kuriame jie yra.
- Jei dirbate dideles svetaines ir turite išbandyti stilius prieš juos įkeliant į svetainę kaip visumą, vidiniai stiliaus lapai gali būti puikus įrankis. Jie leidžia jums išbandyti stilius viso puslapio kontekste nepažeidžiant jokio puslapio, bet tik tą, kurį bandote.
- Vidinio stiliaus lenteles galima naudoti klases ir ID.
- Skirtingai nuo inline stilių, vidiniai stiliaus lapai vis tiek gali pasinaudoti klasių, ID, broliukų ir kitų elementų santykiais.
- Vidinio stiliaus lapų nereikia įkelti kelis failus.
- Tai ypač naudinga, kai dirbate su el. Paštu ar kioskuose, kuriuose galite redaguoti tik vieną HTML failą. Dažnai naudoju inline stilių, kai nesu įsitikinęs, koks URL yra stilių, įkeltas į CMS . Laikydami stilių su dokumentu, aš žinau, kokie stilius paveikia šį dokumentą.
- Vidiniai stiliai gali būti aukštesni nei išoriniai stiliaus lapai.
- Tai lemia tvarka, kad įkeliami išorinio stiliaus lapai. Puslapio interneto kūrėjas kontroliuoja, kur vidinis stilius bus dedamas į dokumento galą. Jei jie pateikiami po nuorodos į išorinius stilius , jie bus didesni pirmumo laipsniu ir perkelti išorinį stiliaus lapą.
Vidinio stiliaus lapelių trūkumai
- Jie paveikia tik puslapį, kuriame jie yra.
- Jei norite naudoti tuos pačius stilius keliuose dokumentuose, turite juos pakartoti kiekvienam puslapiui (arba nuorodą į išorinį stiliaus lapą ).
- Vidiniai stiliaus lapai padidina puslapio įkėlimo laiką.
- Kiekvienas puslapis, turintis vidinį stiliaus lapą, turi įkelti ir analizuoti stiliaus lapo informaciją kiekvieną kartą, kai puslapis yra įkeltas. Išoriniai stiliaus lapai yra talpykloje naršyklės - tai pagerina kiekvieno puslapio įkėlimo laiką, kai įkeliamas pirmas.
Kaip parašyti vidinį stiliaus lapą
elementas:
- Savo žiniatinklio redaktoriuje atidarykite HTML dokumentą.
- Įtraukite šią viduje
Visiškas vidinis stiliaus lapas atrodytų taip: