Стилевые свойства и презентационные атрибуты тегов

На заре веб-технологий для управления оформлением элементов применялись специальные (презентационные) атрибуты тегов. Эти атрибуты продолжают поддерживаться и сейчас, наряду с каскадными стилевыми таблицами. Поэтому для элемента можно назначать презентационные свойства одновременно двумя способами.

Цель следующего задания — выяснить, какой из них (атрибуты элементы или стилевые правила) имеет более высокий приоритет.

ЗАДАНИЕ 3(Исследование одновременного действия на элемент презентационных атрибутов и стилевых правил)

1. Создать файл 3.htm нового html-документа.

2. Поместить в документ элемент div, содержащий текст Выравнивание. В элементе опредеить следующие стилевые свойства: ширина (width) — 300px, высота (height) — 200px;

сплошная граничная линия, толщиной 1px:

border-width: 1px; border-style: solid;

цвет фона прямоугольника (см. справочную инф.): cyan (бирюзовый).

Проверить отображение документа браузером.

2. Во внешнем стилевом файле (можно использовать style.css) определить правило для всех элементов div со свойством "способ выравнивания текста в элементе" (text-align) — вправо.

3. Перезагрузить документ и проверить наличие у элемента всех заданных свойств.

4. В элемент div добавить атрибут выравнивания (по центру)

align="center"

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

Замечание

Пример чисто учебный. Нужно учитывать, что спецификацией HTML 5 атрибут align для элементов <div> не поддерживается.

5. В элемент div добавить атрибут id="element1"

Добавить в документ таблицу глобальных стилей и определить в ней стиль для элемента с идентификатором elem1, в котором определяется способ выравнивания по центру.

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

6. В элемент div с помощью атрибута style добавить стиль, в котором определено выравнивание влево.

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

7. Сделать выводы о том, каков уровень приоритетов стилевых свойств и свойств, заданных специальными атрибутами элементов.