лабораторная работа №5_css

Лабораторная работа №5. CSS. Оформление текста.

1. Изменить с помощью каскадных таблиц стилей html-документ, созданный в лабораторной работе №4 (html5), используя заданное по варианту форматирование.

2. Использовать три способа определения каскадных таблиц стилей: связанные, внедренные, встроенные.

3. Продемонстрировать действие приоритетов при применении различных способов определения CSS;

Вариант 1.

1. Удаление подчеркивания ссылок

2. Создание цветного фона для заголовка

3. Выделение текста на странице (выделение важных терминов, например, слов, по которым посетитель пришел на сайт с помощью поисковой системы)

4. Изменение стиля горизонтальной линии (hr). Изменить цвет, высоту и ширину горизонталной линии

5. Вывод текста заглавными буквами с помощью CSS

6. Удаление у пунктов списка отступа слева

7. Удаление отступов от края страницы

Вариант 2.

1. Создание ссылки, меняющей цвет при наведении на нее указателя мыши

2. Подчеркивание заголовков

3. Изменение высоты строки (межстрочного интервала) в тексте

4. Центрирование текста

5. Изменение стиля маркеров списка или удаление маркеров

6. Присваивание первому элементу в списке отличного от последующих элементов стиля

7. Удаление отступов по умолчанию для всех элементов страницы

Вариант 3.

1. Использование на одной странице различных стилей ссылок

2. Устранение отступа между элементом h1 и следующим за ним абзацем

3. Выравнивание текста по ширине

4. Вывод текста с отступом

5. Использование изображения вместо маркера списка

6. Размещение пунктов списка по горизонтали

7. Добавление комментария в файл с каскадной таблицей стилей

Контрольные вопросы:

1. Что такое селектор?

2. Селектор типа, класса, ID

3. Контекстные, дочерние, смежные селекторы

4. Принцип каскадирования для определения стиля, если к одному и тому же элементу применены несколько стилей