Страница "Шрифт", диалоговое окно "Построитель стилей"

  • Статья

Страница Шрифт диалогового окна Построитель стилей позволяет определить атрибуты шрифта таблицы каскадных стилей (CSS). Эти атрибуты можно применять непосредственно к HTML-элементам, либо же их можно добавить к правилам стилей CSS.

Чтобы применить атрибуты шрифта непосредственно к тексту в HTML-элементе на странице

  1. Откройте HTML-документ в режиме Конструктора и выберите текст для форматирования.

  2. В меню Формат выберите пункт Стиль, чтобы открыть диалоговое окно Построитель стилей.

  3. Выберите Шрифт в левой области диалогового окна Построитель стилей.

    Диалоговое окно Шрифт, Построитель стилей появится в правой области.

При применении стиля шрифта к тексту, выбранному в режиме конструктора, атрибуты стиля встраиваются в разметку HTML для страницы. Перейдите в режим редактирования HTML-кода для просмотра вставленных атрибутов нового стиля.

Чтобы добавить атрибуты шрифта в правило стиля CSS, определенное во внешней таблице стилей

  1. Откройте существующую внешнюю таблицу стилей и поместите курсор внутрь фигурных скобок ({ }), следующих за селектором нужного стиля.

  2. Нажмите кнопку Построить стиль в меню Стили, чтобы открыть диалоговое окно Построитель стилей.

  3. Нажмите Шрифт в левой области диалогового окна Построитель стилей.

    Диалоговое окно Шрифт, Построитель стилей появится в правой области.

Примечание

Меню Стили появляется в том случае, когда редактируется внешняя таблица стилей CSS.Команда Построить стиль в меню Стили становится доступной при помещении точки вставки между фигурными скобками, следующими за селектором правила стилей.

Класс стиля CSS, определенный во внешней таблице стилей, может быть применен к элементу в области <BODY> веб-страницы (или в данном случае — к самой области <BODY>) путем назначения селектора стиля CSS как свойства CLASS элемента.

Параметры, доступные на странице Шрифты диалогового окна Построитель стилей.

Задачи

Элементы пользовательского интерфейса

Шрифт

  • Family
    Предоставляет список шрифтов, из которого можно выбрать шрифт для текста, отображаемого в данном стиле. При разработке документов для Интернета следует выбирать шрифты, которые имеются у большинства пользователей. Очень различающаяся аудитория Интернета вероятнее всего не будет иметь широкого набора установленных шрифтов. Если выбран вариант Семейство, то можно нажать расположенную рядом кнопку с многоточием (...), чтобы открыть диалоговое окно Выбор шрифта и выбрать шрифты. Дополнительные сведения см. в разделе Диалоговое окно "Выбор шрифта". Обычно для получения некоторого диапазона возможного выбора дается список из нескольких шрифтов. Например, можно выбрать шрифт Verdana (системный шрифт Windows, разработанный для веб-приложений) в окне Выбор шрифта, а затем добавить вручную шрифты Arial, Helvetica (для обозревателей Macintosh) и Sans-Serif (наиболее общий шрифт для пользователей, у которых нет других шрифтов из этого списка). В таком случае разметка стиля CSS для FONT-FAMILY будет иметь следующий вид:

    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

  • Системный
    Выбор этого варианта приведет к тому, что стиль применит системный шрифт, определенный пользователем на компьютере, с которого просматривается данная страница. Например, если выбрать вариант Заголовок окна, браузер будет отображать на странице текст, отформатированной в этом стиле, с использованием шрифта, назначенного для заголовка окна на компьютере, с которого просматривается страница. Этот шрифт заголовка окна на одном компьютере может быть Times, а на другом — Verdana. Пример разметки стиля CSS, применяющей системный шрифт заголовка окна:

    FONT: caption

Атрибуты шрифта

  • Цвет
    Устанавливает цвет текста, отображаемого в данном стиле. Существует несколько способов задания цвета.

    • Введите название цвета.

    • Введите правильное значение цвета RGB (например, #FF0000 — красный).

    • Выберите вариант из раскрывающегося списка.

    • Нажмите кнопку с многоточием (...), чтобы открыть диалоговое окно Палитра цветов и выбрать дополнительные цвета.

    Например, если был выбран красный цвет, будет вставлена следующая пара атрибут CSS:значение:

    COLOR: red

    Примечание

    При выборе цвета в диалоговом окне Палитра цветов, а не из раскрывающегося списка, вместо имени цвета будет вставлено шестнадцатеричное значение цвета RGB.Например, если в диалоговом окне Палитра цветов выбрано значение "red", будет вставлена следующая пара атрибут CSS/значение: COLOR: #ff0000.

  • Курсив
    Устанавливает атрибут FONT-STYLE для текста, отображаемого в данном стиле. Выберите <Не задано> (параметр не выбран), Обычный (не курсив) или Курсив. Например, при выборе значения Курсив будет вставлена следующая пара атрибут CSS:значение:

    FONT-STYLE: italic

    Примечание

    Если значение атрибута — <Не задано>, код в стиль не добавляется.Атрибут Italics нельзя применять к системным шрифтам.

  • Малые прописные
    Устанавливает атрибут FONT-VARIANTдля текста, отображаемого в данном стиле. Выберите <Не задано> (параметр не выбран), Обычный (не малые прописные) или Малые прописные. Например, при выборе значения Малые прописные будет вставлена следующая разметка CSS:

    FONT-VARIANT: small-caps

    Примечание

    Атрибут Small Caps нельзя применять к системным шрифтам.Если значение атрибута — <Не задано>, код в стиль не добавляется.

Размер

Этот параметр задает размер шрифта стиля с помощью одного из трех атрибутов: Specific, Absolute, или Relative.

Примечание

Если значение атрибута — <Не задано>, код в стиль не добавляется.Атрибут Size нельзя применять к системным шрифтам.

  • Specific
    Устанавливает определенный размер шрифта. Соседний раскрывающийся список отображает единицы измерения, включающие px, pt (по умолчанию), pc, mm, cm, in, em, ex и %. Например, при вводе значения 20 и использовании значения по умолчанию будет вставлена следующая разметка CSS:

    FONT-SIZE: 20pt

    Примечание

    Если значение атрибута — <Не задано>, код в стиль не добавляется.Следует избегать использования размера шрифта в точках (px), поскольку размер текста, отформатированного в точках, при выводе на печать будет намного меньше, чем на экране.

  • Абсолютный
    Устанавливает абсолютный размер шрифта, выбираемого из списка параметров. Выберите <Не задано> (значение не указано), XX-Small, X-Small, Small, Medium, Large, X-Large или XX-Large. Например, при выборе значения X-Small будет вставлена следующая разметка CSS:

    FONT-SIZE: x-small

    Примечание

    Если значение атрибута — <Не задано>, код в стиль не добавляется.

  • Относительно
    Устанавливает относительный размер шрифта, выбираемого из списка параметров. Этот размер определяется по отношению к каскадному стилю. Например, если текст элемента <BODY> 8 pt и стиль текста внутри элемента <SPAN> в элементе <BODY> установлен как Мелкий, текст <SPAN> будет меньше, чем 8 pt. Выберите <Не задано> (значение не выбрано), Мелкий или Крупный. Например, при выборе Крупный будет вставлена следующая разметка CSS:

    FONT-SIZE: larger

    Примечание

    Если значение атрибута — <Не задано>, код в стиль не добавляется.

Произведенный эффект

Этот параметр устанавливает стандартные эффекты для стиля. Имеются следующие флажки: Нет (нет эффектов), Подчеркнутый, Зачеркнутый и Надчеркнутый.

Если установлен флажок Нет, эффекты недоступны. Если флажок Нет не установлен, можно выбрать любое сочетание остальных эффектов. Например, при установке флажков Подчеркивание и Зачеркнутый будет вставлена следующая разметка CSS:

TEXT-DECORATION: underline line-through

Полужирный

Этот параметр устанавливает атрибут FONT-WEIGHT на основе либо абсолютных, либо относительных значений.

  • Absolute
    Устанавливает абсолютный атрибут полужирного шрифта для стиля, соответствующий атрибуту полужирного шрифта, связанному со шрифтом. Выберите <Не задано> (параметр не выбран), Обычный (не полужирный) или Полужирный. Например, при выборе значения Полужирный будет вставлена следующая разметка CSS:

    FONT-WEIGHT: bold

    Примечание

    Атрибуты Absolute Bold и Relative Bold нельзя применять к системным шрифтам.

  • Relative
    Устанавливает относительный атрибут полужирного шрифта для стиля таким, что этот шрифт будет менее четким или более четким относительно стандартного значения. Возможные варианты: <Не задано> (параметр не выбран), Тоньше (менее четкий, чем стандартный полужирный шрифт) или Толще (более четкий, чем стандартный полужирный шрифт). Поскольку атрибуты Lighter и Bolder устанавливаются по отношению к отдельным шрифтам, значение четкости зависит от шрифта, к которому он применяется. Например, при выборе значения Толще будет вставлена следующая разметка CSS:

    FONT-WEIGHT: bolder

Регистр букв

Устанавливает атрибут TEXT-TRANSFORM для стиля. Выберите <Не задано> (параметр не выбран), Нет (регистр — как вводятся), Начальная заглавная, все строчные или ВСЕ ЗАГЛАВНЫЕ. Например, при выборе значения ВСЕ ЗАГЛАВНЫЕ будет добавлен следующий код:

TEXT-TRANSFORM: uppercase

Примечание

Если значение атрибута — <Не задано>, код в стиль не добавляется.

См. также

Ссылки

Диалоговое окно "Построитель стилей", страница "Текст"

Диалоговое окно "Фон, Построитель стилей"

Диалоговое окно "Палитра цветов"

Диалоговое окно "Выбор шрифтов"

Основные понятия

Общие сведения о работе с CSS