5.
Часто используемые свойства CSS и их значения
Разберем часто используемые свойства и
правила записи значений этих свойств.
1. color (цвет текста) и background-color (цвет фона)
Правила записи значений:
-
Имя цвета: Например, red, blue, green.
-
HEX-код: Например, #ff0000 (красный), #00ff00 (зеленый).
-
RGB/RGBA: Например, rgb(255, 0, 0) (красный), rgba(255, 0, 0, 0.5) (полупрозрачный красный).
-
HSL/HSLA: Например, hsl(0, 100%, 50%) (красный), hsla(0, 100%, 50%, 0.5) (полупрозрачный красный).
2. font-size (размер шрифта)
Правила записи значений:
-
Абсолютные единицы: px (пиксели), pt (точки), cm (сантиметры).
-
Относительные единицы: em (относительно размера родителя), rem (относительно размера корневого элемента), % (проценты).
-
Ключевые слова: small, medium, large, x-large.
3. font-family (шрифт)
Правила записи значений:
-
Имя шрифта: Например, Arial, Georgia, Times New Roman.
-
Семейство шрифтов: Например, serif, sans-serif, monospace.
-
Резервные шрифты: Перечисляются через запятую. Если первый шрифт недоступен, браузер использует следующий.
4. font-weight (насыщенность шрифта)
Правила записи значений:
-
Ключевые слова: normal, bold, bolder, lighter.
-
Числовые значения: От 100 (тонкий) до 900 (жирный), с шагом 100.
5. text-align (выравнивание текста)
Правила записи значений:
-
Ключевые слова: left (по левому краю), right (по правому краю), center (по центру), justify (по ширине).
6. background-image (фоновое изображение)
Правила записи значений:
-
URL изображения: Например, url('image.jpg').
-
Градиент: Например, linear-gradient(to right, red, yellow).
-
Ключевое слово: none (отсутствие фонового изображения).