Свойство font-family
Свойство font-familyзадает приоритетный список семейств шрифтов и/или типовых семейств шрифтов. BODY { font-family: TimesDL, "Times New", serif} Понятие типовых семейств шрифтов введено в каскадные таблицы стилей с целью реализации наихудшего варианта отображения страницы, если не найдены специально использованные автором шрифты. В любой реализации каскадных таблиц стилей должны существовать пять типовых семейств шрифтов, которые соответствуют реальным шрифтам, обычно устанавливаемым на большинстве компьютеров: · serif (например, Times) · sans-serif (например, Helvetica) · cursive (например, Zapf-Chancery) · fantasy (например, Western) · monospace (например, Courier) Имена шрифтов, состоящих из нескольких слов, должны заключаться в кавычки: BODY {font-family: "Times New Roman", serif} <BODY STYLE="font-family: 'Times New Roman', serif"> Свойство font-style Свойство font-styleопределяет стиль шрифта из выбранного семейства: нормальный (normal), курсивный (italic) или наклонный (oblique). Обычно в базе шрифтов браузера все шрифты, в именах которых встречаются слова Oblique, Slanted или Incline отмечены как наклонные (oblique) шрифты. Шрифты, в названиях которых присутствуют слова Italic, Cursive или Kursiv, отождествляются браузером с курсивными (italic). H1 {font-style: italic} H1 EM {font-style: normal} Свойство font-variant Каскадные таблицы стилей реализуют еще одну вариацию шрифта выбранного семейства – капитель (small-caps). В шрифте этого стиля все строчные буквы выглядят как прописные, но меньшего размера и с немного измененными пропорциями. Значение normal свойства font-variantне изменяет вида шрифта, а значение small-caps выбирает вариант капитель шрифта. H4 {font-variant: small-caps} EM {font-style: oblique} Свойство font-weight Это свойствовыбирает из заданного семейства шрифт определенной жирности. В рекомендациях регламентируется 9 градаций жирности шрифта, задаваемых числами 100, 200 и так далее до 900. Значение 100 соответствует самому "бледному" шрифту, тогда как 900 – самому "жирному".
Для задания нормального шрифта используется ключевое слово normal, что соответствует цифровому значению 400. Значение bold применяется для выбора общепринятого полужирного начертания шрифта и его цифровым эквивалентом является 700. Свойство font-size Это свойствоопределяет размер шрифта. Его значение может быть абсолютным или относительным. Абсолютное значение можно задать одним из следующих ключевых слов: xx-small, x-small, small, medium, large, x-large, xx-large, которые являются индексами в таблице размеров шрифтов, поддерживаемой браузером. Масштабирующий множитель соседних значений в уровне 1 каскадных таблицах стилей определялся как 1.5, а в уровне 2 его значение рекомендовано равным 1.2. По умолчанию браузер использует значение medium. Абсолютное значение можно задать и в виде абсолютного значения длины, например 10pt, но в этом случае высота шрифта не зависит от хранимой таблицы размеров шрифтов браузера. Ключевые слова для задания относительного размера шрифта интерпретируются относительно таблицы размеров шрифтов и размера шрифта элемента-родителя. Возможными значениями могут быть: larger и smaller. Например, если родитель имеет размер шрифта medium, то значение larger сделает шрифт текущего элемента равным large. Относительный размер шрифта можно задать также в процентах к размеру шрифта родителя или в относительных единицах длины: P {font-size: 10pt} EM {font-size: 120%} EM {font-size: 1.2em} Свойство font Основное назначение свойства font– установить в одном определении значения свойств font-style, font‑variant, font-weight, font-size, line-height и font-family. Все значения перечисленных свойств задаются через пробелы в том порядке, как они перечислены выше. Первые три свойства могут не задаваться, что соответствует установке их значений в normal. Размер шрифта и высота строки (свойство line-height) задаются через косую черту. Элементы списка семейств шрифтов свойства font-family задаются через запятую:
P {font: oblique 12pt/14pt "Times Cyr", serif} Свойство @font-face Это свойствовведено в каскадные таблицы стилей в рекомендациях уровня 2. Оно предназначено для задания семейства шрифта. Если указанный шрифт отсутствует на компьютере пользователя, то он загружается из сети по заданному вторым параметром URL-адресу: @font-face {font-family: CoolFont; src:url(http://myserver.com/CoolFont.eot);} Примечание Все свойства шрифтов являются наследуемыми и применяются ко всем элементам документа HTML. Цвет и фон Свойства этой категории определяют цвет и фон элемента. Фон можно задать в виде цвета или изображения. В случае изображения указывается его положение, как оно повторяется и фиксировано ли оно или прокручивается вместе с прокруткой содержимого окна браузера. Свойство color Для установки цвета текста элемента существует единственное свойство color. Его значением является цвет, задаваемый с помощью ключевых слов или rgb-функции: <P> {color: blue} <EM> {color: rgb(0,0,255)} Оба правила в примере устанавливают синий цвет текста соответствующих элементов. Для установки параметров фона элемента существует несколько свойств, задающих значения индивидуальных параметров фона, и свойство background, в котором можно установить одновременно все значения параметров фона.
Читайте также: Вязкостью (или внутренним трением) называют свойство жидкости сопротивляться взаимному перемешиванию ее частиц под действием приложенной нагрузки. Воспользуйтесь поиском по сайту: ©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...
|