Kaip sukurti vidinį CSS stiliaus lapą

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.