Розуміння та Використання Властивостей Шрифтів
Ось найпоширеніші 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?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Чудово!
Completion показник покращився до 2.56Розуміння та Використання Властивостей Шрифтів
Свайпніть щоб показати меню
Ось найпоширеніші 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?
Дякуємо за ваш відгук!
