Впровадження

Вбудовування

Атрибут style можна застосувати всередині будь-якого елемента розмітки. Наприклад, ми можемо через style визначити ширину і вирівнювання елемента hr (горизонтальна лінія):

Очевидно, що не всі параметри стилю можна встановити для конкретного елемента розмітки. Про типи елементів і відповідні їм параметри стилів ми поговоримо в пункті "Поняття блочного і стрічкового елементів".

Необхідно відзначити наступне: стилі розроблені в першу чергу для керування відображенням тексту. Не слід захоплюватися стилями для керування відображенням нетекстових елементів HTML-розмітки.

Впровадження

Застосування елемента STYLE — це основний спосіб впровадження каскадних таблиць стилів у HTML-документ. Крім керування відображенням елементів розмітки, елемент STYLE дозволяє описувати стильові властивості елементів, які можна змінювати при програмуванні на JavaScript.

Елемент STYLE дає можливість визначити стиль відображення для:

• стандартних елементів HTML-розмітки;
• довільних класів (селектор CLASS);
• НTML-об’єктів (селектор ID).

На жаль, робота із селекторами в браузерах різних виробників може підносити різного роду сюрпризи. Особливо це стосується селектора ID. У даному випадку ми будемо розглядати Microsoft як власника патенту на специфікацію CSS.

Поняття селектора, застосування селекторів і формальний синтаксис CSS ми обговоримо в пунктах "Синтаксис" і "Наслідування іперевизначення".

Стандартні елементи розмітки описуються в елементі STYLE наступним чином:

Тепер усі параграфи документа будуть відображатися стилем з елемента STYLE, якщо тільки стиль не буде яким-небудь способом перевизначений. У STYLE можна визначити стиль будь-якого елемента розмітки.