CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

2

Селекторы

Одно из основных преимуществ CSS - особенно для разработчиков -это возможность легко применять набор стилей ко всем однотипным элементам. Не впечатляет? Представьте, отредактировав всего одну строку CSS, можно изменить цвета всех заголовков в документе. Вам не нравится этот синий цвет? Изменяете одну строку кода, н все заголовки станут фиолетовыми, желтыми, красно-коричневыми или любого другого цвета. Это позволяет разработчику сосредоточиться на дизайне, а не на рутинной работе. Если кому-то захочется увидеть заголовки в другом оттенке зеленого, просто подправьте стиль и нажмите Reload. Вуаля! Через несколько секунд результат будет представлен на всеобщее обозрение.

Конечно, CSS не избавит вас от всех трудностей, например, с его помощью нельзя изменить цвета GIF-изображений, но можно намного упростить внесение некоторых глобальных изменений. Итак, начнем с селекторов н структуры.

Основные правила

Как я уже упоминал, главная особенность CSS - возможность применять определенные правила ко всему набору типов элементов документа. Предположим, вы хотите установить серый цвет для всех элементов h2. В старом добром HTML это придется делать путем добавления тегов <F0NT COLOR=" gray">... </F0NT> во все элементы h2:

<h2xfont со1ог="дгау">Это текст элемента h2</fontx/h2>

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