Существует 3 способа работы со стилями CSS в HTML. Можно указывать стили с помощью атрибута style в тегах р, div и др., можно описывать стили в заголовках, а можно использовать внешний файл, описывающий все стили.
Последний вариант более предпочтителен, так как все страницы одного сайта желательно создавать в едином стиле. Если описание находится в отдельном файле, к которому обращаются остальные страницы, то это гарантирует единообразие дизайна. Любые изменения в файле, в котором хранится описание всех стилей, приводят к изменениям всего сайта.
В листинге 1.62 показывается, как можно подключить файл со стилями.
Листинг 1.62. Таблица стилей во внешнем файле
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML>
<HEAD>
<TITLE>Moя домашняя страница</Т1ТlЕ>
<LINK rel="stylesheet" href="my_style.css" type="text/css">
</HEAD>
<BODY>
<Н1>Моя домашняя страница</Н1> <P>Ha этой странице вы найдете информацию обо мне и моих друзьях.
</BODY> </HTML>
Перед тем как непосредственно приступить к описанию CSS, рассмотрим комментарии. Эти элементы в CSS начинаются с символов / * и заканчиваются символами * /. Они могут находиться в любом месте таблицы. Использовать комментарии очень удобно: они помогут вам быстро разобраться, за какую часть документа отвечает тот или иной CSS-код.
|
|
Пример CSS-кода с комментарием следующий:
/* Цвет основного заголовка - синий */ H1 { color: blue }
Селекторы
Селектором в CSS будем считать названия тегов, для которых задаются свойства. Рассмотрим, как можно задать одни и те же свойства разным тегам документа.