Добавяне на стил към уеб страница, уроци, WebReference

За да добавите лист със стилове към уеб страница, има няколко начина, по които се различават по своите характеристики и предназначение. След това, ние ги разглеждаме по-подробно.

лист за външна стил

Стилове са разположени в отделен файл с разширение CSS, за обвързване на HTML-документ с CSS-файл елемент се използва . Тя се намира във вътрешността . както е показано в Пример 1.

Пример 1: Свързване на външни стилове

Отн стойност на атрибут у стилове и винаги ще остане непроменен. Тъй като стойността на HREF е пътят към CSS-файл; път може да бъде определен като относителна или абсолютна. Имайте предвид, че по този начин можете да се свържете лист стил, който е в друг сайт. В горния пример, ние включваме шрифта Lobster на кирилица с уебсайт на шрифтове от Google.

Съдържание style.css файл е показано в Пример 2.

Пример 2. Съдържанието на style.css файла

Както се вижда от този пример, файлът с стил е обикновен текстов файл и съдържа само CSS синтаксис. От своя страна, HTML-документ съдържа само указател към файл с стил, начин за пълното прилагане на принципа на разделение на код и дизайн на сайта. Следователно, използването на външни стилови листове - най-гъвкав и удобен начин да добавите стил на вашия сайт. Това ви позволява да редактирате HTML независимо файлове и CSS.

лист вътрешен стил

Стилове са написани на HTML-документа в рамките на елемента