Размер CSS и hover
Измените размер текста и цвет, когда указатель над ним.
Все уроки · Уроки CSS: цвет, коробка и hover
Размер
font-size — размер текста. width — ширина коробки. Размер отдельно от цвета: одно занимает место, другое красит.
.title {
font-size: 28px;
width: 240px;
}Когда указатель сверху
:hover — стиль, пока указатель на элементе. Когда указатель уходит, старый цвет возвращается. Так кнопка ощущается нажимаемой.
a {
color: #93c5fd;
font-size: 18px;
}
a:hover {
color: white;
}Вопросы
:hover всегда виден? Нет. Только пока указатель на элементе.
Куда писать font-size? Внутрь селектора: h1 { font-size: 28px; }.
width обрезает текст? Он ограничивает ширину коробки. Если текст не влезает, он может перейти на следующую строку.
Есть ли hover на телефоне? Он может мелькнуть, пока палец держит. Основной цвет должен читаться и без hover.