Розуміння та Використання Властивостей Шрифтів
Свайпніть щоб показати меню
Ось найпоширеніші CSS-властивості для стилізації шрифтів:
selector {
font-family: 'Montserrat' | 'Oswald' | 'Lato' |...; /* any font family */
font-size: 12px | 0.5em | 0.8rem |...; /* it can be any value in px/em/rem units */
font-weight: 400 | 500 | 700 | 900 |...; /* value 100 - 900 */
font-style: normal | italic | oblique; /* only these values available */
}
Усі приклади використовують однаковий текст, щоб показати, як ці властивості змінюють вигляд.
font-family
Визначає гарнітуру, яка використовується для відображення тексту. Можна задати один шрифт або список резервних шрифтів, розділених комами.
font-size
Визначає розмір тексту. px: фіксований розмір. em/rem: розмір відносно батьківського або кореневого елемента.
font-weight
Визначає товщину тексту. Числові значення: 100–900. Ключові слова: normal, bold, lighter.
font-style
Вказує стиль тексту: normal, italic або oblique.
Псевдоклас ::first-letter
::first-letter застосовується до першої літери елемента (зазвичай абзацу або заголовка), дозволяючи створювати декоративні або стилізовані ефекти.
selector::first-letter {
/* some styles */
}
Запустіть наступний приклад, щоб побачити, як це працює.
index.html
styles.css
font-family задає шрифт і резервні варіанти.
font-size керує розміром тексту в px, em або rem.
font-weight регулює товщину за допомогою чисел або ключових слів.
font-style змінює стиль шрифту.
::first-letter стилізує першу літеру текстового блоку.
1. Яка властивість визначає товщину шрифту?
2. Яке значення за замовчуванням має властивість font-style у CSS?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
