ВебТех Конспект лекций 2011 укр

Елемент style

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

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

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

На жаль, робота із селекторами в браузерах різних виробників може підносити різного роду сюрпризи, для запобігання яких варто дотримуватися стандартів W3C.

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

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

<HEAD>

<STYLE>

p { color:darkred;text-align:justify;

font-size:8pt; }</STYLE>

</HEAD>

<BODY>

...

<P>

Цей параграф ми використовуємо як приклад

застосування опису стилю для стандартного

елемента HTML-Розмітки.

</P>

...

</BODY>

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

Содержание