CSS: Фон
При изучении CSS мы уже сталкивались с установкой пользовательского цвета для текста внутри блока. Но это не единственная возможность по установке цвета — его можно установить в качестве фона для всего блока.
Обратите внимание, область с теорией и редактором в уроках отделены от остального сайта белым фоном. Это делается не только для удобного чтения, но и для того, чтобы глаза быстро находили область с основным контентом. Для установки фонового цвета используется свойство background-color, значением которого является цвет.
В качестве цвета можно использовать уже знакомые hex-значения:
<div class="card">A card with white text on a purple background</div>.card {
color: #ffffff;
background-color: #673ab7;
}
Задание
Добавьте в редактор <div> с классом background и установите цвет фона #2196f3. Стили запишите в теге <style>
Полезное
Выбрать цвет и получить его
hex-код можно на HTML Color Codes
CSS: Фон
При изучении CSS мы уже сталкивались с установкой пользовательского цвета для текста внутри блока. Но это не единственная возможность по установке цвета — его можно установить в качестве фона для всего блока.
Обратите внимание, область с теорией и редактором в уроках отделены от остального сайта белым фоном. Это делается не только для удобного чтения, но и для того, чтобы глаза быстро находили область с основным контентом. Для установки фонового цвета используется свойство background-color, значением которого является цвет.
В качестве цвета можно использовать уже знакомые hex-значения:
<div class="card">A card with white text on a purple background</div>.card {
color: #ffffff;
background-color: #673ab7;
}
Задание
Добавьте в редактор <div> с классом background и установите цвет фона #2196f3. Стили запишите в теге <style>
Полезное
Выбрать цвет и получить его
hex-код можно на HTML Color Codes
Ваше упражнение проверяется по этим тестам
const { test } = require('tests');
test(({ query, expect }) => {
const element = query(document, '.background');
const style = getComputedStyle(element);
expect(style).to.have.property('background-color', 'rgb(33, 150, 243)');
});Решение учителя откроется через:
20:00
