Итоги

В этом уроке мы узнали, что:

• Свойство color задаёт цвет текста, а background-color — цвет фона элемента. color наследуется. background-color не наследуется, но фон по умолчанию прозрачный, поэтому сквозь него виден фон окружающего элемента.
• Фон body закрывает всё окно браузера.
• В CSS есть 148 названий цветов, например green, linen или tomato.
• Цвет RGB смешивает красный, зелёный и синий свет, каждый от 0 до 255: rgb(71, 105, 88).
• Hex-цвет записывает те же три числа в шестнадцатеричной системе, по два символа на каждое: #2a231b. Если оба символа в каждой паре одинаковы, можно использовать короткую запись: #fff.
• Цвет HSL описывается оттенком (от 0 до 360° на цветовом круге), насыщенностью и светлотой: hsl(150, 19%, 20%). Более светлый или более тёмный вариант цвета получается изменением светлоты.
• Альфа-канал делает цвет прозрачным, от 0 (прозрачный) до 1 (непрозрачный), например rgba(71, 105, 88, 0.2), hsla(150, 19%, 35%, 0.2) или #47695833. Десятичные числа пишутся с точкой.
• Свойство opacity делает прозрачным весь элемент, включая текст и всё, что внутри него, тогда как альфа влияет только на один цвет.
• Текст должен контрастировать с фоном, чтобы его было легко читать.

Дальше — небольшой проект, в котором вы самостоятельно попробуете всё из первых трёх уроков: раскрасите меню кафе. А затем в уроке «Текст и шрифты» мы подберём шрифты для нашей страницы и зададим размер, насыщенность, межстрочный интервал и выравнивание текста.