Стилизация текста

Семейства шрифтов

В языке CSS существует пять общих семейств шрифтов:

• Serif — шрифты с засечками (например, Times New Roman). Считается, что шрифты этой категории подходят для печати, а также для заголовков текста, представленного в электронном виде.
  
• Sans-serif — шрифты без засечек (например, Arial). Считается, что шрифты этой категории являются лучшим выбором для текста элемента body, отображаемого на экране, кроме текста маленького размера или курсива.
  
• Monospace — моноширинные шрифты, шрифты, все буквы которых имеют одинаковую ширину (например, Courier). Обычно они используются для описания примеров программного кода.
• Fantasy — декоративные шрифты (например, Western). Вид шрифтов необычный, поэтому их полезно использовать для заголовков или небольших областей текста, но они не совсем подходят для текста элемента body, поскольку украшения затрудняют чтение текста.
• Cursive — рукописные шрифты (например, Lucida Handwriting). Как и в случае с фантастическими шрифтами, в языке CSS рукописные шрифты применяются редко.

Рассмотрим еще один вид селекторов — селектор псевдоэлемента. Эти селекторы присоединяются к элементу, который вы желаете стилизовать. Применим селекторы псевдоэлементов для стилизации первой буквы (буквицы) и первой строки текста.

Справочник. Единицы измерения
Справочник
Справочник

Задание

Предварительно выберите тип таблицы стилей, который следует использовать в данном случае.

Задайте следующие параметры форматирования для текста главной страницы "Туристическая фирма" (значения параметров подберите самостоятельно):

• Для каждого из четырех абзацев задайте свой тип выравнивания (предварительно выберите тип таблицы стилей, который следует использовать в данном случае).
• Определите отступ для первой строки каждого абзаца.
• Измените междустрочный или межсимвольный интервалы.
• Задайте различные шрифты для основного текста и заголовков, укажите альтернативный шрифт на случай, если первый шрифт будет отсутствовать на компьютере пользователя.
• Задайте выравнивание по центру для заголовков абзацев.
• Примените стилевое оформление к понятиям, выделенным полужирным шрифтом, например, увеличьте их размер, задайте цвет.
• Создайте буквицу.
• Измените маркеры или нумерацию в вашем списке на изображения.

Задайте следующие параметры форматирования для текста web-страниц по направлениям отдыха:

• Задайте выравнивание по центру для текста, размещенного в ячейках таблицы.