Олимпиадный тренинг

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

Задача

Темы:

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

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

time 1000 ms
memory 256 Mb
Правила оформления программ и список ошибок при автоматической проверке задач

Статистика успешных решений по компиляторам

Комментарий учителя

Ваш ответ

C++

Напишите программу ниже
<!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>

Напишите программу ниже

<!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>

Загруженные файлы

Нет