Цвета кафе

Время для небольшого проекта! В этом мини-проекте вы самостоятельно оформите целую страницу, используя то, что узнали в первых трёх уроках: селекторы, каскад и наследование, а также цвета.

Упражнения здесь немного другие, чем раньше. В заданиях сказано, как должна выглядеть страница, а не как писать CSS. Правильных решений много: вы сами выбираете селекторы, в какие правила поместить объявления и как записать каждый цвет. Выберите тот способ, который понятен вам. Если застрянете, вернитесь к уроку, где вы узнали то, что нужно.

Проект. В маленьком кафе «Мурлыка», полном кошек, меню выложили на сайт, но страница пока просто чёрно-белая. В трёх упражнениях вы подберёте ей цвета кафе, отметите веганские и закончившиеся блюда, а также выделите цены и предложение дня. Каждое упражнение продолжает предыдущее: в редакторе лежит готовая таблица стилей с предыдущего шага, и она может отличаться от вашей. Это нормально.

Шрифт и отступы мы подготовили в файле style.css. Отступы задаются свойствами margin и padding, о которых вы узнаете в уроке «Блочная модель CSS».

Дизайн. Дизайнер кафе выбрал такие цвета:

• #fdf6ec — кремовый: фон страницы,
• #3b2a20 — тёмно-коричневый: текст,
• #6f4e37 — кофейный: фон шапки и подвала, текст в которых белый,
• #b5651d — карамельный: заголовки меню.

Что нужно сделать. Раскрасьте страницу. Когда вы закончите, она будет выглядеть так (в уменьшенном виде):

Подсказка: вспомните наследование из урока о селекторах. Правило для каждого элемента писать не нужно, потому что цвет текста наследуется. Ссылки — исключение: у браузера для них есть собственное правило.