CSS, ktorý ovplyvňuje iba aktuálny dokument
Čo sú vnútorné štýly?
Interné štýlové štýly sú štýly, ktoré sú umiestnené v dokumente HTML . Tieto štýly sa týkajú iba dokumentu, v ktorom sa nachádzajú, a nemožno ich odkázať iným webovým dokumentom.
Výhody vnútorných štýlov
- Vnútorné štýly sa týkajú iba stránky, na ktorej sa nachádzajú.
- Ak pracujete na veľkom webe a potrebujete otestovať štýly pred tým, ako ich načítate na stránku ako celok, interné štýlové listy môžu byť skvelým nástrojom. Umožňujú vám otestovať štýly v kontexte celej stránky bez porušenia ľubovoľnej strany, ale tej, ktorú testujete.
- Interné štýlové listy môžu používať triedy a ID.
- Na rozdiel od inline štýlov, interné štýly môžu stále využívať triedy, IDs, súrodencov a ďalšie elementové vzťahy.
- Interné štýlové listy nevyžadujú, aby ste nahrali viac súborov.
- To je obzvlášť užitočné, keď pracujete s vecami, ako sú napríklad e-mail alebo kiosky, kde máte k dispozícii len jeden súbor HTML na úpravu. Často používam inline štýly, keď si nie som istý, aký by bol URL adresou štýlov načítavanou do CMS - zachovanie štýlov s dokumentom znamená, že viem, aké štýly ovplyvňujú daný dokument.
- Interné štýly môžu mať vyššiu prioritu než externé štýly.
- Toto je určené poradím, že sú vložené externé štýly. Webový vývojár stránky má kontrolu nad tým, kde budú vnútorné štýly umiestnené v hlave dokumentu. Ak sú umiestnené po prepojení na externé štýly , budú mať vyššiu prioritu v kaskáde a prekonať vonkajší štýl.
Nevýhody vnútorných štýlov
- Ovplyvňujú iba stránku, na ktorej sú.
- Ak chcete používať rovnaké štýly vo viacerých dokumentoch, musíte ich zopakovať pre každú stránku (alebo odkaz na externý štýl štýlu ).
- Interné štýly stĺpcov zvyšujú čas načítania stránky.
- Každá stránka, ktorá má interný štýl štýlu, musí načítať a analyzovať informácie o štýle listu pri každom načítaní stránky. Externé štýly sa ukladajú do vyrovnávacej pamäte prehliadača - čo zlepšuje dobu načítania pre každú stránku po načítaní prvého.
Ako napísať interný štýl listu
element:
- Otvorte vo svojom webovom editore dokument HTML.
- Do vnútra pridajte nasledujúce
Úplný interný štýl štýlu by vyzeral takto: