Ako vytvoriť interný štýl šablóny CSS

Č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.