Текст и шрифты

Классы

Это правило ни к чему не применяется, потому что это комментарий

Переопределение наследуемых свойств

Для того чтобы применить одинаковый стиль семейства шрифтов для всего документа, нужно его прописать в селекторе body.

Если же нужно будет, чтобы у дочернего элемента (например, <em>) был другой стиль шрифта, то для этого мы просто укажем другое семейство шрифтов для этого селектора в таблице стилей. Это и называется переопределением наследуемых свойств. (с.332)

В CSS всегда используется более приоритетное правило. Итак, если у вас есть правило для <body> и более приоритетное правило, заданное только для элемента <em>, то будет использовано более приоритетное правило.

В CSS существует способ добавлять комментарии. Чтобы добавить комментарий в CSS-код, просто поместите его между символами /* и */. Например,

/* Это правило применяется для всех абзацев и устанавливает синий цвет текста */

Комментарий может быть расположен в нескольких строках. Можно также окружить CSS-код комментариями и браузер проигнорирует его.

p { color: blue;} */

Задавая правила стиля для абзаца, они справедливы для всех абзацев документа. Если же нужно стилизовать абзацы по-разному, нужно использовать классы.

Используя XHTML и CSS вместе, можно задать классы элементов, а затем применить стиль к каждому элементу, принадлежащему этому классу.

Например, можно в файле elixir.html задать текст абзацев разным цветом так, чтобы он сочетался по цвету с напитком.

· Чтобы добавить элемент в класс, просто используйте в нем атрибут class со значением, соответствующим названию класса, например, greentea.

· Теперь, когда абзац с описанием охлажденного зеленого чая принадлежит классу greentea, остается подготовить несколько правил для оформления этого класса элементов.

p.greentea {

color: green;

}

Сначала нужно определить селектор р. Затем использовать символ «.», чтобы указать, что речь идет о классе. И наконец, указать само название класса greentea. Затем само правило, которое делает зеленым весь текст в абзацах, принадлежащих классу greentea.

Селектор р.greentea определяет все абзацы класса greentea. Нужно добавить это правило в конец CSS-кода файла lounge.css.

Аналогично можно добавить классы raspberry и blueberry, чтобы изменить оформление соответствующих абзацев на странице elixir.html, а затем написать правила стилей для этих классов. (с.337)

Если вы захотите оформить точно так же все элементы blockquote, то нужно:

- в CSS-коде написать так:

blockquote.greentea, p.greentea { color: green; }

- в XHTML-коде написать следующее:

<blockquote class=”greentea”>

Это будет означать, что к элементам класса greentea будет применен одинаковый стиль.

Что же делать, если нужно добавить элементы <h1>, <h2>, <h3>, <p> и <blockquote> в класс greentea? Неужели нужно писать один большой сектор?

Если вы хотите, чтобы правило стиля применилось ко всем элементам класса greentea, можно написать его таким образом:

.greentea {

color: green;

}

Если вы опустите название всех элементов, добавите точку (.) и сразу за ней – название класса, то правило будет применено ко всем членам класса.

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

Сначала мы рассмотрим основные свойства, которые вы можете использовать, чтобы задать и поменять шрифты. Затем мы рассмотрим базовые шрифты и изучим особенности использования каждого из них.