[CSS] Урок 1:. Как задать цвет текста?

[Николай Винсент]

Как задать цвет текста?​

Цели урока:​

• Освоить, как задавать цвет текста с помощью CSS;
• Научиться применять свойство color к различным элементам;
• Понять, как использовать различные цветовые модели (RGB, HEX)

Итак, приступим!
У свойства color есть лишь один аргумент: цвет. Цвет можно указать с помощью RGB, HEX или же HSL, также для задачи обыкновенного цвета (например, золотого, жёлтого, оранжевого и тд) можно указать его название на английском. Например red, orange, gold и тд.
RGB выглядит так: 0 1 2
0 - я указал количество красного
1 - я указал количество зелёного
2 - я указал количество синего
И эти количества Смешиваются
Так выглядит черный: 0 0 0
И так белый: 255 255 255
HEX использует шестнадцетеричную систему счисления
В HEX используются цифры от нуля до 9 (0-9) и первые буквы английского алфавита (A-F) (A=10, B=11, C=12, D=13, E=14, F=15) и в начале ставится Шарп (#)
HEX выглядит так: #0f0f0f0
HEX белого цвета: #ffffff
HEX чёрного цвета: #000000

Перейдем к коду.
В CSS коде для задачи цвета текста используется свойство color
После color сразу ставится двоеточие и код начинает выглядить так: color:.
Затем через пробел указывается цвет в RGB либо HEX формате.

text {
  color: 255 0 255
 }

text {
  color: #ff00ff
 }

Для создания CSS кодировки можно использовать сайт CSS Code Generator for Effortless Web Development | Web Code Tools
Добавим практики:
Сделайте код серого текста.

Автор урока: Николай Винсент