23. Основные свойства css-таблицы и их установка.

font-family

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

Значение:

имя семейства - семейства шрифта, применяемое для вывода текста. Имена, состоящие из нескольких слов, должны заключаться в кавычки.

имя типового шрифта, применяемого для вывода текста. Типовыми могут быть следующие шрифты: serif, sans-serif, fantasy и monospce.

inherit - применяется значение родительского элемента.

p {font-family: "Times roman", courier, serif}

font-style

Определяет начертания шрифта, такие как курсив или наклонное.

Значение:

normal - обычное начертание (по умолчанию).

italic - курсив.

oblique - наклонное начертание. Это начертание исключительно экранного шрифта. Он имеет несколько меньший наклон чем курсив.

inherit - применяется значение родительского элемента.

p{font-style: italic; }

font

Удобное свойство для установки сразу всех параметров шрифта. Если какие-то значение пропущены, то берется их значение по умолчанию.

Значение:

font-style - начертание.

font-variant - значение, определяющее вывод шрифта в виде малых прописных букв.

font-weight- толщина.

font-size - кегль.

line-height - интерлиньяж.

font-family - семейство шрифтов.

inherit - применяется значение родительского элемента.

p {font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed }

24. Контекстуальные селекторы и их использование.

В селекторе вы можете предварить имя элемента именами одного или нескольких элементов-предков (родительский, родительский плюс родительский родителя и т.д.), и правило будет применено только к элементам с этим именем, которые являются вложенными подобным образом. Селектор, который включает один или несколько элементов-предков, называется контекстуальным (contextual) селектором. Селектор, который не включает имен элементов-предков (подобно тем, с которыми вы имели дело в предыдущем разделе), называется родовым (generic) селектором.

Если определенное свойство для одного и того же элемента имеет одну установку в правиле с контекстуальным селектором, и другую установку в правиле с родовым селектором, установка в правиле с контекстуальным селектором доминирует, поскольку является более конкретизированной.

Предположим, что следующий элемент является корневым элементом XML-документа:

<MAPS>

<CITY>

<NAME>Santa Fe</NAME>

<STATE>New Mexico</STATE>

</CITY>

<STATE>California</STATE>

</MAPS>

Следующие правила в присоединяемой таблице стилей заставят браузер отформатировать "New Mexico" обычным шрифтом, а "California" – курсивом:

CITY STATE

{font-style:normal}

STATE

{font-style:italic}

Хотя содержимое New Mexico элемента STATE отвечает как контекстуальному селектору в правиле CITY STATE, так и родовому селектору в правиле STATE, селектор CITY STATE является более конкретным и, следовательно, имеет приоритет.

25.Атрибут style и его использование.

Свойство font-style управляет стилем начертания символов – обычным или курсивным. Вы можете присвоить этому свойству одно из следующих значений в виде ключевых слов, приведенных в таблице 7.6.

Таблица 7.6. Ключевое слово для font-style: Italic

Пример правила CSS: TITLE {font-style:italic}

Описание: Назначает курсивное начертание для шрифта, если это возможно, в противном случае назначает наклонное начертание

Ключевое слово для font-style: oblique

Пример правила CSS: TITLE {font-style:oblique}

Описание: Назначает наклонное начертание шрифта, если это возможно (Данное начертание образуется путем наклона символов обычного шрифта)

Ключевое слово для font-style: normal

Пример правила CSS: TITLE {font-style:normal}

Описание: Назначает обычный (романский) шрифт