На головну

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

  1. I. Загальні відомості про гідрології ВОДНИХ ОБ'ЄКТІВ, ХІМІЧНИХ І ФІЗИЧНИХ ВЛАСТИВОСТІ ПРИРОДНИХ ВОД
  2. N Технологічні системи мають властивості, які полегшують завдання забезпечення встановлених показників якості її функціонування.
  3. VI. Властивості циклічних вуглеводнів.
  4. А) Фізичні властивості.
  5. АКРЕЛ. Фторакса. СКЛАД. Властивості. ЗАСТОСУВАННЯ. РЕЖИМ ПОЛІМЕРИЗАЦІЇ
  6. Аксіоматика і деякі загальні властивості безлічі
  7. Алгоритм і його властивості

На зорі веб-технологій для управління оформленням елементів застосовувалися спеціальні (презентаційні) атрибути тегів. Ці атрибути продовжують підтримуватися і зараз, поряд з каскадними стильовими таблицями. Тому для елемента можна призначати властивості відображення одночасно двома способами. Мета наступного завдання - з'ясувати, який з них (атрибути або стилі) має більш високий пріоритет.

ЗАВДАННЯ 3(Дослідження одночасної дії на елемент презентаційних атрибутів і стильових правил)

1. Створити файл 3.htm нового html-документа. Додати в документ елемент div, що містить текст Вирівнювання. В елементі визначені наступні стильові властивості:

ширина (width): 300px;

висота (height): 200px;

суцільна гранична лінія, товщиною 1px:

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

колір фону прямокутника (див. довідкову інф.): cyan (бірюзовий).

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

2. У зовнішньому стильовому файлі (можна використовувати style.css) визначити правило для всіх елементів div з властивістю:

спосіб вирівнювання тексту в елементі (text-align) - вправо.

3. Перезавантажити документ і перевірити наявність у елемента всіх заданих властивостей.

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

align = "center"

Перезавантажити документ і перевірити, чи є зміни у форматуванні.

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

Додати в документ таблицю глобальних стилів і визначити в ній стиль для елемента з ідентифікатором elem1, в якому визначається спосіб вирівнювання по центру.

Перезавантажити документ і перевірити, чи є зміни у форматуванні.

6. В елемент div за допомогою атрибута style додати стиль, в якому визначено вирівнювання вліво.

Перезавантажити документ і перевірити, чи є зміни у форматуванні.

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



© um.co.ua - учбові матеріали та реферати