Как да създадем вътрешен Стил на Стил CSS

Какво представляват вътрешните стилни листове

Вътрешните стилни стилове са стилове, които се поставят в HTML документа. Тези стилове засягат само документа, в който се намират, и не могат да бъдат отнесени от друг уеб документ.

Предимства на вътрешните стилови листове

Вътрешните стилни стилове засягат само страницата, на която се намират.
- Ако работите върху голям сайт и трябва да тествате стилове, преди да ги заредите на сайта като цяло, вътрешните стилове могат да бъдат чудесно средство. Те ви позволяват да тествате стиловете в контекста на целия сайт, без да разкъсвате страница, а тази, която тествате.
Вътрешните стилови листове могат да използват класове и идентификатори.
- За разлика от вградените стилове, вътрешните стилови листове все още могат да се възползват от класовете, идентификационните номера, братята и сестрите и други взаимоотношения с елементите.
Вътрешните стилови листове не изискват да качвате няколко файла.
- Това е особено полезно, когато работите с неща като имейли или павилиони, в които имате само един HTML файл, който можете да редактирате. Често използвам вградени стилове, когато не съм сигурен какъв ще е URL адресът на стиловия лист, зареден в CMS - запазването на стиловете с документа означава, че знам какви стилове засягат този документ.
Вътрешните стилове може да имат по-голямо предимство от външните стилови листове.
- Това се определя от реда, в който са заредени външните стилови листове. Уеб разработчикът на страницата има контрол над това, къде вътрешните стилове ще бъдат поставени в главата на документа. Ако те са поставени след връзката към външни стилове, те ще имат по-висок приоритет в каскадата и ще преодолеят външния стилов лист.

Недостатъци на вътрешните стилови листове

Те засягат само страницата, на която се намират.
- Ако искате да използвате същите стилове в няколко документа, трябва да ги повторите за всяка страница (или да се свържете към външен стилов лист).
Вътрешните стилови листове увеличават времето за зареждане на страницата.
- Всяка страница, която има вътрешен лист с стилове, трябва да зарежда и анализира информацията за стилов лист при всяко зареждане на страницата. Външните стилови листове се кешират от браузърите - което подобрява времето за зареждане за всяка страница след зареждането на първия.