Колір та розмір в CSS

Колір в CSS

В CSS існує декілька способів задати колір:

  1. По імені (red, green, blue, pink, yellow ...) 
  2. В шістнадцятковому  форматі RGB (HEX) (#00d0ff або #f04)
  3. В десятковому форматі RGB  (rgb(255, 0, 68) або rgba(233, 30, 99, 0)
  4. В форматі RGB із вказанням величин у відсотках (hsl(122, 39%, 49%) або hsla(200, 18%, 46%, 0)

В пунктах 3 та 4 четвертий параметр (rgba та hsla) визначає прозорість кольору


Розмір в CSS

Розміри в CSS задаються чичловими значеннями, як додатніми та і від’ємними. Також можуть використовуватись і дробові числа (пишуться через знак . ). Після чисел вказуються одиниці вимірювання.

Основні одиниці:

px – розмір в пікселях

pt –  розмір в пунктах (1 pt =1/72 дюйма)

em – це значення, що може змінюватись і залежить від розміру шрифта поточного елемента (розмір встаоновлюється через стильову властивість  font-size)

ex – визначається як висота символа «x» в нижньому регістрі

in – розмір в дюймах

cm – розмір в сантиметрах