Начертание текста в CSS

30 просмотров Время на прочтение: 3 минут(ы)

Шрифт – это структура, описывающая начертания каждого символа для написания текста.

Пример 1

В таблице стилей свойство “font-family” задаёт название шрифта. Также в этом свойстве можно указать семейства шрифтов. Некоторые из семейств:

СемействоРезультат
serif
sans-serif
monospace
cursive
fantasy

Свойство “font-weight” задаёт толщину очертаний символов – жирность шрифта. Может иметь значения: “100”, “200”, “300”, “400”, “500”, “600”, “700”, “800”, “900”, “normal”, “bold”. Значение “100” – самый не жирный шрифт, “900” – самый жирный. “normal” – эквивалент “400”, обычная жирность шрифта, жирность по умолчанию. “bold” – эквивалент “700”, жирный шрифт.

Свойство “font-style” может иметь значения: “normal”, “italic” и “oblique”. Значение “normal” задаёт обычное начертание символов, значение по умолчанию. “italic” даёт курсивный шрифт. “oblique” устанавливает наклонное начертание символов.

Свойство “font-size” задаёт размер шрифта, который указывается в пикселах, относительных единицах измерения, процентах или специальными ключевыми словами. Например, “20px” – 20 пикселов. “3em” – 3 относительные единицы измерения, что равно 3 текущим размерам символа. “10%” – 10% от размера родительского HTML элемента, в котором располагается текст. Специальные ключевые слова: "xxx-small", "xx-small", "x-small", “small", “medium“, “large“, “x-large“, “xx-large", “xxx-large“. Значение "xxx-small" задаёт самый маленький размер шрифта, а “xxx-large” – самый большой. По умолчанию используется размер “medium“.

Пример 2

Результат такой же как в примере 1. Свойство “font” позволяет объединить другие свойства по заданию шрифта.

Пример 3

Свойство “text-indent” устанавливает отступ для первой строки в 20 пикселов, а свойство “line-height” устанавливает интервал между строками в 3 символа.

РубрикиCSS

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

©2024 Шигорин Сергей Владимирович
Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Принять
Top.Mail.Ru
Каталог сайтов Всего.ру
Белый каталог сайтов PopCat.ru