Часто используемые свойства 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 (отсутствие фонового изображения).