Представляю Вашему вниманию одиннадцатый выпуск рассылки "Уроки веб-дизайна в примерах". В этом выпуске мы рассмотрим использование различных шрифтов с помощью CSS.
Свойства оформления шрифта представлены в таблице:
| Код | Описание |
|---|---|
| font-family | Определяет шрифт или семейство шрифта. Можно указывать до трех шрифтов, через запятую (если у клиента не будет установлен первый шрифт, то браузер перейдет к следующему в списке). |
| font-style | Определяет способ начертания. Возможные значения: normal (нормальный, установлен по умолчанию), italic (курсив), oblique (наклонный). |
| font-variant | Определяет варианты начертания шрифта. Возможные значения: normal (нормальный, установлен по умолчанию), small-caps (все буквы заглавные). |
| font-weight | Определяет степень жирности шрифта. Возможные значения: normal (нормальный, установлен по умолчанию), bold, bolder, lighter. Значения bolder и lighter являются относительными, например, значение lighter для жирного текста делает его нормальным. |
| font-size | Устанавливает размер шрифта. Можно указывать как в относительных единицах (проценты), так и в абсолютных (пикселы, сантиметры и т.д.) |
Рассмотрим пример по использования стиля шрифта. Для начала опишем соответствующие классы стилей. Напомню, что это делается внутри элемента <STYLE>, расположенного внутри элемента <HEAD>.
А теперь запишем фрагмент текста оформленного с помощью определенных выше стилей:
Посмотрим, как будет выглядеть текст:
CSS (Cascading Style Sheets - Каскадные таблицы стилей ) - это набор правил оформления и форматирования HTML страницы, позволяющий определять свойства элементов HTML для целого документа. В CSS Вы один раз описываете характеристики объекта и связываете объект со стилем. Для того, чтобы поменять характеристики объекта достаточно изменить описание стиля*.
*При подключении CSS через стилевой файл, все изменения стиля автоматически переносятся на страницы сайта. При этом, сам код html страниц остается без изменений.
В следующем выпуске продолжим знакомство с оформлением текста.
P.S. Если Вы используете почтовую программу The Bat!, то письмо может отображаться некорректно. Для того, чтобы просмотреть правильный вариант, щелкните два раза на аттачменте Part.html и откройте письмо (кнопка "No/Нет").