Селекторы

Дата добавления: 2015-07-09; просмотров: 417; Нарушение авторских прав

CSS

Существует 3 способа работы со стилями в HTML. Можно указывать стили с помощью атрибута style в тегах р, div и др., можно описывать стили в заголовках, а можно использовать внешний файл, описывающий все стили.

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

В листинге 1.62 показывается, как можно подключить файл со стилями.

Листинг 1.62.Таблица стилей во внешнем файле

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML>

<HEAD>

<TITLE>Moя домашняя страница</Т1ТlЕ>

</HEAD>

<BODY>

<Н1>Моя домашняя страница</Н1> <P>Ha этой странице вы найдете информацию обо мне и моих друзьях.

</BODY> </HTML>

Перед тем как непосредственно приступить к описанию CSS, рассмотрим комментарии. Эти элементы в CSS начинаются с символов / * и заканчиваются символами * /. Они могут находиться в любом месте таблицы. Использовать комментарии очень удобно: они помогут вам быстро разобраться, за какую часть документа отвечает тот или иной CSS-код.

Пример CSS-кода с комментарием следующий:

/* Цвет основного заголовка - синий */ H1 { color: blue }

Селекторы

Селектором в CSS будем считать названия тегов, для которых задаются свойства. Рассмотрим, как можно задать одни и те же свойства разным тегам документа.

<== предыдущая лекция	\|	следующая лекция ==>
Киев Московский пр., д. 6, корп. 1, офис 33; тел.: (1038044) 490-35-69	\|	Группировка