Интернет программирование стр.17

Если мы, кроме заголовков, хотим переопределить еще и стиль обычного абзаца, необходимо использовать конструкцию типа p.green {color : green}. В таком случае, если в HTML-документе мы захотим использовать подобный стиль, используется тэг <р> с параметром class. Для нашей ситуации это будет <р clas3=green>. Как только браузер встретит подобную конструкцию, он обратится к таблице стилей и отыщет там спецификацию p. green, которой и воспользуется для отображения текста до того места, где ему встретится закрывающий близнец тэга <р>.

Теперь давайте рассмотрим все возможности оформления — при помощи стилевых таблиц. Для начала узнаем, какие свойства шрифтов могут устанавливаться в CSS-файлах.

Первый параметр используется, чтобы указать семейство шрифтов для отображения текстового объекта. Он определяется как font-family. В качестве значения этого параметра указывается имя шрифтового семейства, например, Arial, или тип начертания шрифта. Если мы хотим установить для отображения заголовка первого уровня моноширинный шрифт, подобный Courier, мы должны использовать следующую конструкцию:

Н2 {font-family : monospace}

Всего существует пять предустановленных типов начертания. Помимо известного нам monospace, есть еще serif, применяемый для отображения шрифтов с засечками на концах символов. Образец — семейство Times. Значение sans serif применяется для шрифтов без засечек, образцом которых является Arial. Используются также значения cursive и fantasy.

К выбранному шрифту может применяться модификатор font-style, определяющий стиль шрифта. У этого параметра есть три фиксированных значения: normal, italic и oblique. Значение normal является установленным по умолчанию, и никак не влияет на отображение текстового объекта. Для установки курсивного варианта выбранного шрифта или шрифтового семейства служит значение italic. Значение oblique используется для отображения наклонных шрифтов. Следует обратить внимание, что курсив и наклонный шрифт являются разными понятиями.

Для указания размера шрифта предназначен параметр font-size. В качестве значения этого параметра можно указывать либо зарезервированные слова HTML, такие как large, small и подобные им, или конкретные значения, например 2 6pt. Еще раз упомянем тот факт, что даже принудительное ука зание размера шрифта не гарантирует его полностью адекватного отображения в браузере удаленного пользователя: у него может просто не оказаться именно такого шрифта и размера. В этом случае браузер подбирает наиболее подходящую замену. Необходимо отметить, что в качестве единиц измерения для обозначения абсолютных размеров могут использоваться не только стандартные пункты, а и сантиметры, миллиметры, дюймы, пики, пикселы и прочие единицы измерения. Более подробно мы остановимся на них в конце этого раздела.

Параметр font-weight позволяет регулировать ширину штрихов, из которых составляются символы шрифта (делать эти символы более тонкими или более жирными). В качестве значений используются либо три предустановленных зарезервированных слова normal, bold и lighter, либо относительные значения ширины символов в диапазоне от 100 до 900 с шагом в сто единиц. Значение normal не изменяет предустановленную ширину символов, значение bold делает их полужирными, a lighter — облегченными. Внешний вид шрифта при указании численных относительных размеров можно установить экспериментальным путем.


⇐ вернуться назад| |читать дальше ⇒


*