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