Спецификация HTML 4

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

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

Например, следния CSS стил лист (съхранява в досие "special.css") определя зелената цвета на текста на параграфа и се околната твърда червена граница:

Умение определения стил = стил [КН] Този атрибут определя стила на информация за текущия елемент.

стил Атрибутът стил определя стила информация за един елемент. Stylesheet Language вградени правила стил, определени от езика на стила лист подразбиране. Синтаксис на стил, зависи от езика на стила лист.

В този пример, задаване на информация за цвета и размера на шрифта на текста на някои параграфи.

14.2.3 Информация за стила в заглавната част. СТИЛ елемент

Основна етикет: необходимо. Крайният маркер: изисква

Атрибути определено на друго място

Потребителските агенти, които не поддържат стилове, че не поддържат определен език стил лист, използван в елемент стил. Ние не трябва да се покаже елемент от стила. Грешка ще генерира съдържанието му като част от текста на документа. Някои стил лист езици поддържат синтаксис, за да не се показват неподходящи спецификация съдържание потребителските агенти.

Някои реализации стилове може да поддържа по-голямо разнообразие от правила за елемент STYLE. отколкото в атрибута стил. Така например, в CSS правила могат да бъдат обявени в елемента STYLE за:

Всички случаи на специфичен език HTML елемент (например, за всички елементи P. всички елементи Н1, и т.н.)
Всички случаи на HTML, елемент, принадлежащи към определен клас (т.е. клас атрибут определя до известна стойност).
Специфични случаи на HTML език елемент (т.е., за които Идентификационният атрибут настроен на определена стойност).

Приоритетни правила и наследството зависят от езикови таблици стил лист.

За да се уточни, че тази информация стил трябва да се прилага само за H1 елементи от определен клас, можете да промените дефиницията, както следва:

Накрая, за да се ограничи обхватът на информацията за стила на една единствена инстанция на елемента H1. Задайте атрибут за идентификатор.

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

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

В следващия пример, ние използваме DIV и класа атрибут, за да зададете текст обосновката за поредица от точки, които правят въвеждането на научна статия. Стил информация може да се използва повторно за други части на администрацията чрез създаване на клас атрибут на друго място в документа.

Този пример добавя звукови ефекти за изхода на глас:

Управление на устройството е особено интересно, когато се използва с външни стилови листове, тъй като потребителски агенти да спестите време, като изтеглите от мрежата само на стилове, които важат за текущото устройство. Например, говорни браузъри не могат да се зареждат на стилове, предназначени за визуално представяне. За подробности вижте. В раздела за зависимите от устройството етапа.

14.3.1 Предпочитан и заместник стилови листове

При прилагане на стилове, потребителски агенти трябва да помислят дескриптори на устройството.

В този пример, ние първо се определи постоянна лист стил, който е в mystyle.css файл.

Ако предпочитаният стил лист се определя от два или повече елементи на връзка. Първият има предимството.

Предпочитани стилови таблици, определени с помощта на мета или HTTP хедъри имат предимство пред масата, да зададете LINK елемент.

В следващия пример, ние уточни двама заместник стилови листове с имена "компактен". Ако потребителят избира стила на "компактен", на потребителския агент трябва да прилагат и двете външни маси, както и "common.css" постоянно маса. Ако потребителят избира стила на "големия печат", ще се прилага само за алтернатива маса "bigprint.css" и постоянната маса "common.css".

Мениджърите на уеб сървъри може да конфигурирате сървъра, така че лист стил прилага към групата на страницата. Header HTTP Link. описан в [RFC2068]. Раздел 19.6.1.2, същия ефект като LINK елемент. със същите качества и ценности. Множество Link заглавията съответстват на многобройни LINK елементи в същия ред. Например,

LINK и META елементи. подразбиращи HTTP хедъри се определят като по-рано се срещна изрично LINK и META елемент, както и секцията HEAD на документа.