CSS, mis mõjutab ainult praegust dokumenti
Mis on sisemised stiililehed
Sisemised stiilid on HTML- dokumendis asuvad stiilid. Need stiilid mõjutavad ainult dokumenti, milles nad on, ja neid ei saa teiste veebidokumentidega seostada.
Sisemise stiili lehtede eelised
- Sisemised lehed mõjutavad ainult lehte, kus need on.
- Kui töötate suurel saidil ja teil on vaja testida stiile enne, kui laadite need saidile tervikuna, võib sisemine stiil lehed olla suurepärane vahend. Need võimaldavad teil testida stiile kogu saidi kontekstis ilma lehte purustamata, kuid seda, mida te katsetate.
- Sisemised lehed võivad kasutada klassid ja ID-sid.
- Erinevalt sisemistest stiilistest saavad sisemised stiililehed kasutada klassid, ID-d, õed-vennad ja muud elementide suhted.
- Sisemise stiililehed ei nõua, et laadite üles mitu faili.
- See on eriti kasulik, kui töötate selliste asjadega nagu e-post või kioskid, kus teil on ainult üks redigeerimiseks HTML-fail. Ma kasutan tihti inline stiile, kui ma pole kindel, milline URL oleks CMS- i laaditud laaditabel - dokumendi stiilide säilitamine tähendab, et ma tean, millised stiilid seda dokumenti mõjutavad.
- Sisemised stiilid võivad olla kõrgemad kui välised stiililehed.
- See määratakse kindlaks, et väline stiil lehed laaditakse. Lehe veebiarendajal on kontroll selle üle, kus dokumendi peal asetatakse sisemised stiilid. Kui need asetatakse pärast väliseid stiile lingile, on need kaskaadil ülimuslikud ja liiguvad välist stiililehte.
Sisemiste lehtede puudused
- Need mõjutavad ainult lehte, kus nad on.
- Kui soovite kasutada sama stiili mitmes dokumendis, peate neid iga lehe jaoks (või välise stiililehega linkimiseks) kordama.
- Sisemised stiilid suurendavad lehe laadimisaega.
- Igal lehel, millel on sisemine stiilileht, laaditakse ja analüüsitakse stiililehtede andmeid iga kord, kui lehte laaditakse. Välised stiililehed on brauseritega vahemällu salvestatud - see parandab iga lehe laadimisaegu pärast esimest laadimist.
Kuidas sisemist stiililehte kirjutada
element:
- Avage oma Web-redaktor HTML-dokument.
- Lisage sees sisse järgmine
Täielik sisemine laaditabel näeks välja selline: