Заказать контрольную работу для заочников

CSS

• «Наследование»: подготовьте документ с двумя разделами. Первый раздел определяется первым стилем (буквы должны печататься коричневым по светло-серому фону; расстояние между содержимым и рамкой элемента должно составлять 0,5 см; текст выравнивается по левому и правому краям), второй — вторым (фон бирюзовый; расстояние между содержимым и рамкой элемента должно составлять 0,5 см; поля слева и справа от элемента по 1 см). Второй раздел должен быть вложен в первый, чтобы было видно наследование.
• «Обтекание»: определите стиль .nb таким образом, чтобы элемент заключался в рамку (бордюр), занимал (по ширине) половину окна браузера (независимо от его размера), был расположен у левого края, а остальные элементы страницы обтекали бы этот элемент справа.
• «Рамка»: подготовьте стиль для абзаца, у которого слева и справа проводится вертикальная черта (на всю высоту абзаца).
• «Подложка»: подготовьте стиль абзаца "подложка" (.ground) и стиль "надпись" (.poster). Используя созданные стили, создайте страницу с надписью поверх подложки. Подложка пишется очень крупными буквами мягкого светло-серого цвета. Надпись пишется коричневыми буквами обычного размера.
• «Двухколонный»: используя стили, сделайте страницу, в которой текст выводится в две колонки и первая буква каждой колонки оформлена в виде буквицы.
• «Область с прокруткой»: постройте на экране две области с линейками прокрутки и поместите в них информационные элементы.
• «Медиазапрос». Реализовать три медиазапроса: 1. Создать блочный элемент, в котором находится большой текст. В зависимости от размера окна браузера уменьшать размеры блочного элемента и произвести усечение текста с добавлением многоточия. 2. Изменить созданный сайт следующим образом: при уменьшении размера экрана до 300 пикселов, боковые панели с меню и анонсами рубрик убирались, оставался только Content. 3. Создать следующий медиазапрос: при уменьшении размера окна браузера двухколонный текст с буквицей преобразовывается в одноколонный текст без буквицы.
• «Селекторы атрибутов». Произвести задание стилевых свойств, используя следующие способы доступа: селекторы атрибутов; значение атрибута в начале атрибута; значение атрибута в середине атрибута; значение атрибута в конце атрибута.
• «Структурные псевдоклассы». Используя структурные псевдоклассы, задать следующие стилевые свойства для групп элементов: изменение только первого элемента группы; изменение только последнего элемента группы; изменение только четных элементов группы; изменение только нечетных элементов группы; изменение соседних двух элементов через три соседних элемента; изменение только заданного элемента; изменение всех элементов, кроме одного.
• «Цветовые режимы». Для блока задать не менее трех различных способов отображения (с использованием свойства boder-radius). Для задания цвета использовать форматы hsl, hsla.
• «Создание тени, градиентного фона, фильтры». Используя различные свойства теней для текста, создать: объемную надпись, наложить несколько теней на текст. Создать градиентный фон для блока. Применить к различным изображениям не менее 3 фильтров.
• «Переходы, преобразования и анимация». Создать не менее 3 различных переходов. Для блочных элементов создать следующие 2D-преобразования при наведении на них курсора мыши: масштабирование, перемещение, вращение, наклон.
• «Flexbox, переключение разрешения изображений». Используя возможности Flexbox реализовать следующие действия: выравнивание текста по вертикали и горизонтали в блочном элементе; смещение одного из элементов списка к правому или левому краю; преобразование списка из вертикального в горизонтальный или из горизонтального в вертикальный при изменение размера экрана; изменение порядка следования элементов списка на противоположный.