Стили текста
Цвет ссылки в CSS
Стили текста
font-weight
font-weight задаёт жирность текста.
Численные значений: от 100 до 900. Например, 400 — обычный шрифт, а 700 — полужирный.
Пример:
p {
font-weight: 400;
}font-family
font-family используется для выбора начертания шрифта.
Пример:
p {
font-family: Roboto;
}font-size
font-size определяет размер шрифта.
Пример:
p {
font-size: 18px;
}color
color позволяет задавать цвет текста.
Пример:
p {
color: #4e5752;
}font-style
font-style определяет начертание шрифта — обычное, курсивное или наклонное.
Значения
normal
Обычное начертание текста.
italic
Курсивное начертание.
oblique
Наклонное начертание. Курсив и наклонный шрифт при всей их похожести не одно и то же. Курсив это специальный шрифт имитирующий рукописный, наклонный же образуется путем наклона обычных знаков вправо.
inherit
Наследует значение родителя.
Пример:
p {
font-style: normal;
}line-height
line-height задаёт интервал между строчками текста
Пример:
p {
line-height: 145%;
}margin
margin определяет внешний отступ на всех четырёх сторонах элемента.
Пример:
p {
margin: 24px 0;
}Цвет ссылки в CSS
a:link { color: #0000EE; } /* Непосещённая ссылка: ярко-синий, как небо в безоблачный день */
a:visited { color: #551A8B; } /* Посещённая ссылка: тёмно-фиолетовый, напоминающий виноград под солнечными лучами */
a:hover { color: #FF0000; } /* При наведении курсора: красный, как яркий огонь */
a:active { color: #FF0000; } /* Активная ссылка: насыщенный красный, как горящий сигнал ошибки 404 */