Для каждой задачи создай отдельные классы в файле style.css и примени их к нужным тегам.
📌 Структура файлов: index.html + style.css
Повтори этот блок:
200px200px#3498dbПовтори эти два блока:
#e74c3c#2ecc71Повтори вложенные блоки:
#f39c12#8e44adПовтори три вложенных блока:
#1abc9c#e67e22#c0392bПовтори блок с двумя дочерними блоками внутри:
#2c3e50#f1c40f#e91e63Повтори блоки разной высоты в ряд:
#9b59b6#27ae60#e74c3cПовтори четыре уровня вложенности:
#ecf0f1#bdc3c7#95a5a6#7f8c8dПовтори блок с тремя колонками внутри:
#34495e#e74c3c#f39c12#2ecc71Повтори блок с процентной шириной:
#16a085#d35400Придумай сам! Создай минимум 3 вложенных блока с классами .box-outer, .box-middle,
.box-inner.
#6c5ce7#00cec9#fd79a8
📌 Важно:
Каждый класс пишется отдельно в style.css.
Используйте только HTML и CSS.
Практикуйте свойства:
width,
height,
background.