We are an intelligent species and the use of our
Intelligence quite properly gives us pleasure. In this respect the
Brain is like a muscle. When it is in use we feel very good.
Understanding is joyous.
</p >
Полужирное начертание применяется к абзацу.
We are an intelligent species and the use of our intelligence quite properly gives us pleasure. In this respect the brain is like a muscle. When it is in use we feel very good. Understanding is joyous.
Cовет
Курсивное и полужирное начертания должны использоваться экономно. Их функция - выделение. Обычно не следует использовать полужирный или курсив для длинных фрагментов основного текста.
Размер
Размер шрифта в таблицах стилей можно определять, используя пункты ( points), пиксели (pixels), дюймы (inches), сантиметры (centimeters), миллиметры (millimeters) и пики (picas). Для Web-дизайнеров естественно выбирать пункты или пиксели, хотя все будет зависеть от ваших вкусов.
Cовет
Использование единиц, отличных от пунктов, может вызывать серьезные проблемы. Если вместо пунктов используются пиксели, то хотя текст, размер которого задан в пикселях, будет виден в броузерах с поддержкой таблиц стилей (типа Internet Explorer 3.0 и выше или Netscape 4.0 и выше), он может не выводиться на печать!
Другие параметры шрифта
- Text-decoration. Этот параметр полезен для отключения подчеркивания ссылок. Для этого нужно просто задать для параметра text-decoration значение none (отсутствует). Другие возможные значения - underline (подчеркивание), italic (курсив) и strikethrough (перечеркивание).
- Line-height. Это то же самое, что интерлиньяж (leading). Данный параметр определяет высоту каждой строки текста - по существу, расстояние между строками.
- Background. Этот параметр помещает текст на цвет или изображение. Здесь используются атрибуты color или url (адрес), где адрес указывает расположение файла изображения. Внимание! Этот параметр может быть назначен не только тегу <body>, но и любому тегу или фрагменту текста, чтобы выделить нужную область на странице.
Классы и группировка
Два других интересных аспекта таблиц стилей - это классы и группировка.
Классы (class) определяют способ разбиения стилей на очень точные части. Всякий раз, когда вы хотите, чтобы определенный фрагмент текста как-то отличался от остальных, вы можете создать собственный тег HTML. Каждый тип форматирования текста, который вы определяете, называется стилевым классом (style class).
За стилевым классом в таблице стилей закрепляется имя. Это имя задается как обычное имя, но с точкой в качестве первого символа.
Предположим, что в документе вам нужны два различных вида заголовков H1. Можно создать стилевой класс для каждого из них, помещая следующий код в таблицу стилей:
<style>
Н1.serif { font: 34pt "Times New Roman", Times, serif;
color: #DC143C;}
H1.sans{font:18pt Arial;
color: #FF8C00;
text-align : center;}
</style>
Для выбора между двумя стилями класса в теге <hl> (аналогичные правила действуют и для других тегов, имеющих описание а таблице стилей) используется атрибут class=имя_стиля.
Обратите внимание - здесь имя стиля употребляется без точки.
Например:
Wisdom
"Do not fear your enemies. The worst they can do is kill you. Do not fear friends. At worst, they may betray you. Fear those who do not care; they neither kill nor betray, but betrayal and murder exists because of their silent consent." - Bruno Jasienski.
More Wisdom
"Young love is a flame; very pretty, often very hot and fierce, but still only light and flickering. The love of the older and disciplined heart is as coals, deep burning, unquenchable." - Henry Ward Beecher.
Слово Wisdom отображается шрифтом Times New Roman, 34 пункта темно-красного цвета (на тех компьютерах, где есть поддержка таблиц стилей броузерами), а слова More Wisdom отображаются шрифтом Arial, 18 пунктов темно-оранжевого цвета (при этом задано выравнивание заголовка посередине страницы). Для текста в промежутках между этими заголовками по умолчанию используетcя шрифт Times, поскольку явно не указал шрифт для этих фрагментов. Поэтому браузер выбирает собственный заданный по умолчанию основной шрифт.
Мудрые мысли написаны на хорошем английском языке, и принадлежат действительно мудрым людям. В качестве упражнения попробуйте сделать перевод.
В HTML-коде запись этих "Мудростей" выглядит так:
<h1 class=serif>Wisdom </h1>
"Do not fear your enemies. The worst they can do is kill you.