mutivseti.ru - правильный сайт о заработке в интернете!

Свойства CSS. Шрифт. Часть 2

Подробности

Опубликовано 02.01.2013 17:19

font-size

Свойство font-size позволяет задавать размер шрифта. Сделать это можно несколькими способами.

• Задание размера шрифта по ключевым словам. Размер шрифта можно задать при помощи 7 ключевых слов:
  1. xx-small
  2. x-small
  3. small
  4. medium
  5. large
  6. x-large
  7. xx-smallРазмер текста, заданного при помощи ключевых слов зависит от браузера и операционной системы. Из этого следует, что при выборе данного способа задания размера в разных браузерах и устройствах отображаться текст будет по-разному. Также можно использовать ещё 2 ключевых слова для задания размера текста. Это smaller - шрифт уменьшается на один размер относительно родительского элемента и larger - шрифт увеличивается на один размер относительно родительского элемента. Например:
     
     p {
     font-size: medium;
     }
     cite {
     font-size: 110%;
     }
     
     В этом случае размер цитат в абзацах будет 110% от основного текста.
• Задание размера текста при помощи любых единиц измерения, будь относительные единицы (пиксели) или абсолютные (сантиметры, пункты).

 

Сокращённая запись свойства font

Свойство font можно задать в краткой форме, например запись вида:

p {
font-family: Arial, sans-serif;
font-variant: small-caps;
font-size: 14pt;
}

Можно записать так:

p {
font: italic, small-caps 14pt Arial, sans-serif;
}

В сокращённой записи свойства font обязательно должен быть выполнен следующий порядок:

• Сначала идёт запись свойств font-style, font-variant и font-weight. Каждое из этих свойств можно пропустить и не записывать;
• После этого обязательно указыватся размер шрифта, font-size;
• Последним делом указывается значение свойства font-family.

 

| следующая>>

 

---