Курсы

Основы web-разработки (HTML/CSS/JS)

CSS Селекторы

Модуль: CSS Селекторы

7. Упражнение - 1. Стилизация блоков.

1) Стилизуйте блоки по тем правилам, которые описаны во вкладке css. Внутренние блоки должны быть однообразно оформлены. Внешние блоки должны отличаться только цветом фона: первый блок должен быть красным, второй - синими, третий - зеленым, четвертый - оранжевым.

2) Скорректируйте файл css таким образом, чтобы не было дублирования одинаковых правил в разных селекторах.

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Задание: Стилизация вложенных блоков</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div>
        <div >
            <p>Этот блок должен быть внутри красного контейнера.</p>
        </div>
    </div>

    <div>
        <div>
            <p>Этот блок должен быть внутри синего контейнера.</p>
        </div>
    </div>

    <div>
        <div>
            <p>Этот блок должен быть внутри зеленого контейнера.</p>
        </div>
    </div>

    <div>
        <div>
            <p>Этот блок должен быть внутри оранжевого контейнера.</p>
        </div>
    </div>
</body>
</html>

JS

Результат проверки программы

Для проверки решения задачи необходимо зарегистрироваться или авторизоваться!

Курсы Основы web-разработки (HTML/CSS/JS) CSS Селекторы

Модуль: CSS Селекторы

7. Упражнение - 1. Стилизация блоков.

JS

Результат проверки программы

Курсы

Основы web-разработки (HTML/CSS/JS)

CSS Селекторы