Самостоятельная

Здесь отдельно представлены задачи из учебных курсов для самостоятельного решения. Как правило, такие задачи можно решать разными методами, для одного приводится решение и даётся ответ.

Липкое позиционирование

Создайте веб-страницу, как показано на рис. 1, чтобы при прокрутке документа меню прилипало к верхнему краю браузера.

Рис. 1

Липкое позиционирование 2

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

Рис. 1

Нормальное позиционирование

Создайте веб-страницу, показанную на рис. 1.

Рис. 1

Нормальное позиционирование 2

Создайте ве-страницу, как показано на рис. 1.

Рис. 1

Описание float 1

Создайте веб-страницу, как показано на рис. 1. Каждая строка является ссылкой целиком, звёздочка — обычный текстовый символ — ★. Вид в разных браузерах может незначительно отличаться.

Рис. 1

Описание float 2

Создайте веб-страницу, как показано на рис. 1.

Рис. 1

Относительное позиционирование

Создайте веб-страницу, показанную на рис. 1. Линии по бокам заголовка должны тянуться, независимо от размера окна браузера.

Рис. 1

Относительное позиционирование 2

Создайте веб-страницу, как показано на рис. 1.

Рис. 1

Очистка float 1

Создайте веб-страницу, как показано на рис. 1.

Рис. 1.

Очистка float 2

Создайте веб-страницу, как показано на рис. 1. Для обозначения рубля используйте символ ₽.

Рис. 1.