Задание ключевых слов CSS в качестве значений. Задание значений в процентах м в размерных единицах.
В стандартной CSS-таблице предусмотрены следующие свойства, определяющие вид шрифта, используемого для отображения текста элемента:
font-family ;
font-size ;
font-style ;
font-weight ;
font-variant .
Все эти свойства наследуются дочерними элементами.
Установка свойства font-family
Свойство font-family определяет имя шрифта (гарнитуру), используемого для отображения текста элемента. Например:
BOOK {font-family:Arial}
Вы можете задавать любое имя шрифта по вашему желанию. (Имена шрифтов не являются ключевыми словами CSS.) Если браузер не может найти требуемый шрифт, он заменит его на другой доступный шрифт.
Установка свойства font-size
Свойство font-size устанавливает высоту шрифта, используемого для отображения текста элемента. Вы можете присваивать этому свойству четыре различных типа значений.
Значение, задающее размер относительно размера шрифта браузера. Вы можете задать размер шрифта относительно текущего размера шрифта браузера, присвоив свойству font-size одно из значений в виде ключевых слов, представленных в таблице 7.2. Для InternetExplorer 5 значение small заставит браузер использовать текущий выбранный размер шрифта; другие значения масштабируются с увеличением или уменьшением относительно этого размера.
Таблица 7.2. Ключевое слово для font-size: xx-small
Примерправила CSS: TITLE {font-size:xx-small}
Описание: Наименьший размер шрифта, который может задаваться с помощью ключевого слова
Ключевое слово для font-size: x-small
|
|
|
Примерправила CSS: TITLE {font-size:x-small}
Описание: Приблизительно в 1,5 раза больше, чем xx-small
Ключевое слово для font-size: Small
Примерправила CSS: TITLE {font-size:small}
Описание: Приблизительно в 1,5 раза больше, чем x-small . Это значение предписывает InternetExplorer 5 использовать его текущий размер шрифта
Ключевое слово для font-size: Medium
Примерправила CSS: TITLE {font-size:medium}
Описание: Приблизительно в 1,5 раза больше, чем small
Ключевое слово для font-size: large
Примерправила CSS: TITLE {font-size:large}
Описание: Приблизительно в 1,5 раза больше, чем medium
Ключевое слово для font-size: x-large
Примерправила CSS: TITLE {font-size:x-large}
Описание: Приблизительно в 1,5 раза больше, чем large
Ключевое слово для font-size: xx-large
Примерправила CSS: TITLE {font-size:xx-large}
Описание: Приблизительно в 1,5 раза больше, чем x-large
Значение, задающее размер относительно размера родительского шрифта. Вы можете задать размер шрифта относительно текущего размера шрифта для родительского элемента, присвоив свойству font-size одно из следующих значений с помощью ключевых слов из таблицы 7.3.
Таблица 7.3. Ключевое слово для font-size: smaller
Примерправила CSS: TITLE {font-size:smaller}
Описание: Размер шрифта, приблизительно на 33 % меньше размера шрифта для родительского элемента (или, для корневого элемента, на 33 % меньше размера шрифта браузера)
|
|
|
Ключевое слово для font-size: larger
Примерправила CSS: TITLE {font-size:larger}
Описание: Размер шрифта, приблизительно на 50 % больше размера шрифта для родительского элемента (или, для корневого элемента, на 50 % больше размера шрифта браузера)
Основные свойства CSS-таблицы и их установка.
font-family
Определяет семейства шрифта, используемого в этом тексте. Может быть несколько таких семейств, отделенные друг от друга запятыми. Приоритет определяется порядком в этом списке.
Значение:
имя семейства - семейства шрифта, применяемое для вывода текста. Имена, состоящие из нескольких слов, должны заключаться в кавычки.
имя типового шрифта, применяемого для вывода текста. Типовыми могут быть следующие шрифты: serif, sans-serif, fantasy и monospce.
inherit - применяется значение родительского элемента.
p {font-family: "Times roman", courier, serif}
font-style
Определяет начертания шрифта, такие как курсив или наклонное.
Значение:
normal - обычное начертание (по умолчанию).
italic - курсив.
oblique - наклонное начертание. Это начертание исключительно экранного шрифта. Он имеет несколько меньший наклон чем курсив.
inherit - применяется значение родительского элемента.
|
|
|
p{font-style: italic; }
font
Удобное свойство для установки сразу всех параметров шрифта. Если какие-то значение пропущены, то берется их значение по умолчанию.
Значение:
font-style - начертание.
font-variant - значение, определяющее вывод шрифта в виде малых прописных букв.
font-weight- толщина.
font-size - кегль.
line-height - интерлиньяж.
font-family - семействошрифтов.
inherit - применяется значение родительского элемента.
p {font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed }
Дата добавления: 2018-04-15; просмотров: 403; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!