Урок CSS3 часть 1 | Практикум HTML5 и CSS3 Starter
ITVDN: курсы программирования
Видеокурсы по
программированию
РУС
  • РУС
  • УКР

    Выбери свою IT специальность

    Подписка
    РУС
    • РУС
    • УКР
    Arrow
    🌷Набор групп на обучение с ментором - FrontEnd, .NET, Python, Java, FullStack, QA.
    Arrow
    Для нормальной работы платформы воспользуйтесь персональным компьютером.

    CSS3 часть 1

    Introduction

    1
    Напишите код в соответствии с инструкциями в задании
    5

    Добавьте все три способа подключения стилей (без написания в них каких либо свойств).

    gold
    5
    5
    0
    Попытки
    2
    Напишите код в соответствии с инструкциями в задании
    0
    Укажите правильное обращение к элементам по селекторам css, закомментированный код замените на правильный ответ
    gold
    5
    5
    0
    Попытки
    3
    Напишите код в соответствии с инструкциями в задании
    0

    Используя стили, задайте первому тегу div ширину 200px и высоту 100px; а второму - ширину 50px и высоту 150px.

    gold
    5
    5
    0
    Попытки
    4
    Напишите код в соответствии с инструкциями в задании
    0
    Задайте соответственные шрифтовые стили вложенным элементам span, которые указаны в комментариях над тегами p
    gold
    6
    5
    0
    Попытки
    5
    Напишите код в соответствии с инструкциями в задании
    0

    Задайте нужным элементам указанные значения свойства color, обращаясь к селекторам по имени тега: p - шестнадцатеричное значение 3d6fd3 h1 - функцией RGB a)red = 133, b)green = 211, c)blue = 61 div - функцией hsla 335, 75%, 51%, 0.74

    gold
    6
    5
    0
    Попытки
    6
    Напишите код в соответствии с инструкциями в задании
    0

    Добавьте блочному элементу фоновую картинку с путем (img.jpg), шириной 200 пикселей и высотой 400 пикселей, с запретом на повторение, и задав позиционирование верху справа относительно блока. Прописанные стили не удаляйте.

    gold
    7
    5
    0
    Попытки
    7
    Найдите и исправьте ошибки в коде
    0

    Исправьте свойства, заданные тегу body, при котором фоновое изображение будет видно при скролле страницы.

    gold
    5
    5
    0
    Попытки
    8
    Напишите код в соответствии с инструкциями в задании
    0

    Пропишите стиль рамки для блоков, одному из них добавьте рамку которая не влияет на его ширину, другому добавьте рамку которая изменяет его ширину, в обоих блоках рамка со следующими значениями: ширина 3 пикселя, сплошная граница, цвета 00ff00.

    gold
    4
    5
    0
    Попытки
    9
    Напишите код в соответствии с инструкциями в задании
    0
    Обратитесь к каждой стороне рамки по отдельности, задав стили 3 пикселя, сплошной линией для всех сторон. По цветам: верх — blue, право — red, низ — green, лево — yellow. Стороны прописывать в этом же порядке. Округлите углы блока со значением 50%
    gold
    5
    5
    0
    Попытки
    Редактор кода
    1
    2
    <!DOCTYPE html>
    <html>
    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    Ошибка

    Вы допустили ошибку. Перейдите к следующему заданию или попробуйте еще раз

    Ошибка

    Произошла техническая ошибка! Мы приносим извинения за причиненные неудобства. Перейдите, пожалуйста, к выполнению следующего задания.

    big-correct

    Урок завершен

    Правильных ответов:

    Неправильных ответов:

    Баллов за урок:

    Всего баллов:

    Завершить
    Подсказка1/3

    Notification success