Свойства форматирования элементов

Дата добавления: 2013-12-23; просмотров: 1096; Нарушение авторских прав

Псевдоклассы

Селекторы ID

Селекторы класса

Совместимость с браузерами, не поддерживающими CSS

Обеспечивается путем заключения содержимого раздела <STYLE> в комментарий HTML. Те браузеры, которые поддерживают CSS, игнорируют любые комментарии в разделе <STYLE> и обрабатывают их содержимое. Браузеры, не поддерживающие CSS, не принимают тэга <STYLE>, а комментарий вместе с содержимым игнорируют.

Например:

<STYLE>

<!--

h1 {color: red}

h2 {color: blue}

-->

</STYLE>

Класс позволяет задать разные правила форматирования для одного элемента определенного типа или всех элементов документа. Имя класса указывается в селекторе правила после имени тэга и отделяется от него точкой.

Например:

Если все заголовки 1 уровня должны быть красного цвета, но иногда они могут быть зелеными или синими, используем селектор класса – h1.blue и h1.green

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

Например:

<HEAD>

<STYLE TYPE=text/css>

<!--

#back {color: maroon; font-size:20}

-->

</STYLE>

</HEAD>

<BODY>

<H1 ID=back> Заголовок коричневый </H1>

<P ID=back>Содержимое параграфа</P>

</BODY>

Псевдоклассы описывают стили в зависимости от состояния элемента. На сегодняшний день реализованы псевдоклассы для тега <A>:

А:link {…} – описывает стиль для не просмотренных ссылок;

A:visited {…} – описывает стиль просмотренных ссылок;

A:active {…} – описывает стиль активных ссылок;

A:hover {…} – описывает стиль ссылок при наведении указателя мыши.

В каскадных таблицах стилей все доступные свойства форматирования элементов в документе HTML разбиты на категории. Рассмотрим основные из них.

Таблица 1. Категории свойств элементов

Категория	Устанавливает
Шрифт	Типографские свойства шрифта
Цвет и фон	Цвет текста и фона, а также картинки в качестве фона
Текст	Выравнивание, форматирование и разрядка текста
Блок	Свойства форматирования блоковых элементов
Визуальное форматирование	Свойства, связанные с блоками отображения элементов, их позиционированием и отображением списков

<== предыдущая лекция	\|	следующая лекция ==>
Принципы наследования	\|	Цвет и фон