CSS3

С помощью тега задайте стили для всех заголовков второго уровня, которые следуют непосредственно после заголовков первого уровня в коде документа, в следующем порядке: шрифт – «Segoe UI», цвет текста - pink. Установите тег со стилями сразу после тега .

Примените ко всем прямым потомкам h1 элемента section стили: подчеркивание и перевод всех символов у верхний регистр. Используйте тег style для добавление стилей после тега

После тега в теге для задания стилей, установите для параграфов, которые располагаются после элемента ul и имеют с ним общего родителя, стили: размер шрифта - 11px и курсивное начертание.

Создайте 3 поля ввода для текста. Первому задайте тип text, второму тип text и атрибут required, а третьему input укажите тип submit. В теге style определите следующие стили: если элемент input содержит атрибут required, то задайте ему красную цельную рамку толщиной 1px (сначала укажите толщину, стиль, потом цвет); если значение атрибута type элемента input равно submit, то задайте ему цвет текста – зеленый.

Найдите и исправьте ошибки в коде

Добавьте на страницу 2 тега . Первому установите идентификатор first, а второму – second. Создайте селектор тега div и два селектора идентификатора с именами first и second. Селектору тега укажите свойства: высота и ширина элемента - 200px и 300px; фоновое изображение – image.png, без повторений по оси Х и У. Селекторы идентификатора должны содержать только одно свойство - background-size. Для дива c id «first» оно принимает значение, при котором изображение фона увеличивается в размере, сохраняя пропорции до тех пор, пока его высота или ширина не будет равна высоте или ширине блока. Для второго дива c id «second» оно принимает значение, при котором изображение фона увеличивается и сохраняет пропорции таким образом, чтобы картинка поместилась целиком внутрь блока

Найдите и исправьте ошибки в коде

Установите в теге style после тега для всех ссылок на странице светло-зелёный (lightgreen) цвет текста, заданный в цветовой модели RGBA. Насыщенность красного цвета - 144, зеленого - 238, синего - 144, значение alpha-канала определите на уровне 25%.

Установите для всех ссылок на странице светло-зелёный (144,238,144) цвет текста, заданный в цветовой модели HSLA. Значение alpha-канала определите на уровне 25%.

Найдите и исправьте ошибки в коде

В теге для стилей, укажите всем элементам button на странице скруглённые уголки. Левому верхнему углу задайте радиус скругления 10px, правому верхнему и левому нижнему – 20рх, а правый нижний оставьте без изменений.

Создайте тег для стилей. Задайте эллиптические углы для всех элементов input с типом text. Горизонтальный радиус скругления 5рх, а вертикальный – 10рх.

На страницу добавлено изображение с размерами 150 на 150 пикселей. Сделайте его круглым, задав нужные значения для скругления углов

Найдите и исправьте ошибки в коде

Создайте на странице маркированный список, внутри которого разместите 3 элемента списка с текстом «Item». Внутри тега для установки стилей, используя селектор тега, задайте элементу ul свойство display со значением flex.

Найдите и исправьте ошибки в коде

Создайте тег . Используя селектор класса установите стили для дива в таком порядке: отображение блока flex, направление главной оси – справа налево; внешний и внутренний отступы 20рх и 10рх соответственно.

Задайте для дивов с классом block следующие стили в таком порядке: коэффициент увеличения ширины flex-элемента – 3, коэффициент уменьшения ширины flex-элемента – 1, базовая ширина flex-элемента – 75px. Установите все значения в одном CSS-свойстве.

Выровняйте элементы, которые находятся внутри дива с классом container, вертикально по центру flex-контейнера. Потом установите направление главной оси – column и многострочность поперечной оси - wrap. Используйте для этого краткую запись.