Специфікація html 4
Ці технології істотно ускладнюють Web-сторінки, обмежують гнучкість, створюють проблеми взаємодії та створюють складності для людей з фізичними вадами.
Таблиці стилів вирішують ці проблеми, одночасно перевершуючи обмежені механізми подання в HTML. Таблиці стилів спрощують визначення інтервалів між рядками тексту, відступів, квітів, використовуваних для тексту і фону, розміру і стилю шрифтів та іншої інформації.
Наприклад, наступна таблиця стилів CSS (зберігається в файлі "special.css") зелений встановлює колір тексту абзацу та оточує його суцільний червоною рамкою:
Визначення атрибутів style = style [CN] Цей атрибут визначає інформацію про стиль поточного елемента.
style Атрибут style визначає інформацію про стиль одного елемента. Мова таблиць стилів вбудованих правил стилю визначається мовою таблиць стилів за замовчуванням. Синтаксис даних стилю залежить від мови таблиць стилів.
В даному прикладі встановлюється інформація про колір і розмір шрифту тексту певного абзацу.
14.2.3 Інформація про стилі в заголовку. елемент STYLE
Початковий тег: обов'язковий. Кінцевий тег: обов'язковий
атрибути, які визначаються в іншому місці
Агенти користувачів, які не підтримують таблиці стилів або які не підтримують певну мову таблиць стилів, використовуваний в елементі STYLE. не повинні показувати елемент STYLE. Помилкою буде генерувати його вміст як частина тексту документа. Деякі мови таблиць стилів підтримують синтаксис для того, щоб не показувати вміст невідповідним специфікації агентам користувачів.
Деякі реалізації таблиць стилів можуть підтримувати більшу різноманітність правил для елемента STYLE. ніж в атрибуті style. Наприклад, в CSS правила можу оголошуватися в елементі STYLE для:- Всіх примірників певного елемента мови HTML (наприклад, для всіх елементів P. всіх елементів H1 і т.д.)
- Всіх примірників елемента HTML, що належать певному класу (тобто для атрибута class яких встановлено певне значення).
- Окремих екземплярів елемента мови HTML (тобто для атрибута id якого встановлено певне значення).
Правила пріоритету і успадкування правил таблиць стилів залежать від мови таблиць.
Щоб вказати, що ця інформація про стилі повинна застосовуватися тільки до елементів H1 певного класу, можна змінити визначення наступним чином:
І, нарешті, для обмеження області дії інформації про стилі єдиним екземпляром елемента H1. встановіть атрибут id.
Хоча інформація про стилі може встановлюватися майже для всіх елементів HTML, два елементи, DIV і SPAN. особливо корисні тим, що вони не накладають ніякої семантики уявлення (окрім block-level vs. inline). Разом з таблицями стилів ці елементи дозволяють користувачам необмежено розширювати мову HTML, особливо при використанні атрибутів class та id.
У наступному прикладі елемент SPAN використовується для установки малих прописних літер для стилю шрифту перших декількох слів абзацу.
У наступному прикладі ми використовуємо елемент DIV і атрибут class для установки вирівнювання тексту для ряду абзаців, що становлять введення в наукову статтю. Інформація про стилі може повторно використовуватися для інших розділів введення шляхом установки атрибута class в будь-якому місці документа.
Цей приклад додає звукові ефекти для пристрою мовного виведення:
Управління пристроями особливо цікаво при використанні із зовнішніми таблицями стилів, оскільки агенти користувачів можуть заощадити час, завантажуючи з мережі тільки таблиці стилів, що застосовуються до поточного пристрою. Наприклад, мовні браузери можуть не завантажувати таблиці стилів, розроблені для візуального представлення. Детальніше див. У розділі про залежать від пристроїв каскадах.
14.3.1 яким надається перевага і альтернативні таблиці стилів
При застосуванні таблиці стилів агенти користувачів повинні враховувати дескриптори пристроїв.
У цьому прикладі ми спочатку визначаємо постійну таблицю стилів, що знаходиться в файлі mystyle.css.
Якщо бажана таблиця стилів задається двома або більше елементами LINK. перевагу має перша.
Яким надається перевага таблиці стилів, що задаються за допомогою META або заголовків HTTP мають перевагу над таблицями, що задаються елементом LINK.
У наступному прикладі ми визначаємо дві альтернативні таблиці стилів з ім'ям "compact". Якщо користувач вибирає стиль "compact", агент користувача повинен застосовувати обидві зовнішні таблиці, а також постійну таблицю "common.css". Якщо користувач вибирає стиль "big print", застосовуватися будуть тільки альтернативна таблиця "bigprint.css" і постійна таблиця "common.css".
Менеджери Web-серверів можуть конфігурувати сервер таким чином, щоб таблиця стилів застосовувалася до групи сторінок. Тема HTTP Link. описаний в [RFC2068]. розділ 19.6.1.2, діє так само, як елемент LINK. з тими ж атрибутами і значеннями. Кілька заголовків Link відповідають декільком елементам LINK в тому ж порядку. наприклад,
Елементи LINK і META. implied заголовками HTTP, визначаються як зустрінуті раніше явного елемента LINK and META а розділі HEAD документа.