CSS
Индикатор выполнения
Создать веб-страницу, показанную на рисунке.
Квадраты
Для приведённого кода создайте стиль, с помощью которого можно получить результат, представленный на рис. 1. Страница должна корректно отображаться в браузерах IE8, IE9, Firefox 5, Opera 11 и Chrome.
Рис. 1. Вид квадратов, оформленных с помощью стилей
Наложение слоев
Создайте на XHTML веб-страницу, показанную на рис. 1.
Нумерация страниц
Используя приведенный код HTML, оформите его с помощью стилей, как показано на рис. 1.
Рис. 1. Нумерация страниц
Нумерованные списки
С помощью тегов <ol> и <li> постройте списки, показанные на рис. 1. При этом у вас должен быть валидный XHTML и CSS. Списки должны корректно отображаться в браузерах IE8, Firefox 3, Safari 4, Opera 10, Chrome 5 и в их старших версиях.
Рис. 1. Нумерованные списки
Отступ под изображением
Миша вставил на страницу фотографию совы в рамке, но в браузере под фотографией отображается небольшой отступ. Подскажите Мише пять способов, как его убрать.
Отступы между блоков
Аня написала следующий код (пример 1) и получила страницу, показанную на рис. 1. Но Ане нужно чтобы не было отступов между блоками, а также справа и слева от блоков. Какие изменения в код для этого требуется внести?
Перевод в XHTML
Отредактируйте приведенный пример, чтобы он соответствовал спецификации XHTML 1.0 и CSS 2.1, а также выполнял возложенные на него функции.
Последняя линия справа
Придумайте три способа, как убрать последнюю линию справа от ссылки. При этом допускается только редактировать стили без изменения HTML-кода внутри <body>.
Рис. 1. Ссылки с линией справа
Разноцветные ссылки
С помощью стилей задайте цвет ссылок, как показано на рис. 1.
Рис. 1. Разноцветные ссылки
Рамка вокруг текста
Придумайте пять способов создания рамки вокруг абзаца произвольного текста (тега <p>). Изменять и модифицировать код HTML нельзя, все изменения делаются только через стили. Кроссбраузерность можно не учитывать.
Стиль для печати
Сделайте стиль для печати следующего документа. Цвет фона должен быть белым, текст — шрифт Times черного цвета, 12 пунктов.
Текст в рамке
С помощью стилей создайте текст в рамке, как показано на рис. 1.
Рис. 1
Формула по центру
Поместите формулу и ее номер на страницу, причем формула, независимо от ширины окна браузера, всегда располагается по центру, а номер по правому краю (рис. 1). Результат должен корректно отображаться в браузерах IE8, Firefox 3, Opera 10, Safari 5, Chrome 6 и их старших версиях.
Рис. 1. Формула с номером
Цвет и фон в таблице
Создайте таблицу, показанную на рисунке, задав цвета через стили. Ширина таблицы составляет 100%.
