Задание 1

1. Создайте каталог /css/

2. Создайте в нем файл main.css

3. Подключите его ко всем страницам сайта с помощью тега <LINK>.

4. Задайте по умолчанию следующие параметры для всех страниц (переопределив, тег <body>):
- цвет фона
- размер шрифта
- цвет шрифта
- семейство шрифта (например, Arial)

5. Проверьте работоспособность на сервере.

6. В комментариях (в файле main.css) поясните эти параметры.

Задание 2

1. Задайте по умолчанию следующие параметры для всех абзацев (переопределив, тег <p> и псевдоклассы тега <p>):
- выравнивание абзаца
- отступ красной строки
- размер и цвет первой буквы

2. Проверьте работоспособность на сервере.

3. В комментариях (в файле main.css) поясните эти параметры.

Задание 3

1. Задайте по умолчанию следующие свойства ссылок для всех страниц:
- цвет и оформление ссылки
- цвет и оформление посещенной ссылки
- цвет и оформление активной ссылки
- цвет и оформление ссылки, в момент нахождения курсора мыши над ней

2. Проверьте работоспособность на сервере.

3. В комментариях (в файле main.css) поясните эти параметры

Лабораторная работа 9

Разметка страниц с помощью блоков (DIV) и CSS. Позиционирование.

Цель работы: формирование умений разметки страниц с помощью блоков (DIV) и CSS.

Поясняющая информация

Для чего это нужно?

Вспомним недостатки использования таблиц:

· "Медленная загрузка". Пока вся таблица не загрузится, информация на экране не появится.

· Излишний код. Приходится создавать много ячеек и строк, которые, в общем-то, не нужны.

· Отсутствие возможности с точностью до пикселов расположить элемент на экране.

· Отсутствие возможности "надвинуть" один элемент на другой.