22. Селекторы. Принципы наследования, каскадирования и группировки. Специфичность селектора.

Селектор это цепь из одного или более простых селекторов, разделённых комбинаторами.

Комбинаторами являются: пробелы, ">" и "+".

Селектор наследника - этот метод позволяет применять наборы CSS свойств к потомкам текущего элемента. Селектор наследника создается при помощи знака ">" между интересующими Вас селекторами:

<STYLE type="text/css"> BODY>P{color:#000000} DIV>P{color:#666666} </STYLE>

В приведенном выше коде текст внутри абзаца, который появляется в теле документа, будет черного цвета, а текст внутри абзаца, который появляется внутри блока, будет серого цвета.

Группировка селекторов - объединение селекторов с одинаковыми наборами CSS свойств. Для этого необходимо указать через запятую все теги с одинаковыми свойствами, например:

BODY,TD,TH,DIV {margin:0px;padding:2px}

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

Специфичность селекторов (selector's specificity) определяет их приоритетность в таблице стилей. Чем специфичнее селектор, тем выше его приоритет.

В спецификации по CSS 2.1 этой теме посвящен небольшой раздел. Существует 4 правила по которым вычисляется специфичность селекторов:

1. Самый высокий приоритет имеет атрибут style. Это правило перекрывает все селекторы описанные в стилях.

2. Второе место занимает присутствие ID в селекторе(#some-id).

3. Далее идут все атрибуты(в том числе и атрибут class) и псевдоклассы(pseudo-classes) в селекторе.

4. Самый низкий приоритет у селекторов с именами элементов и псевдоэлементами(pseudo-elements)

23. Цвет элемента и цвет фона. Свойства шрифта. Свойства текста.

BACKGROUND - позволяет присваивать значение таким свойствам, как BACKGROUND-TTACHMENT, BACKGROUND-COLOR, BACKGROUND-IMAGE, BACKGROUND-POSITION, BACKGROUND-REPEAT в одну строку BACKGROUND-ATTACHMENT - позволяет определить, должно ли фоновое изображение быть прикрепленным к окну Браузера или нет, т.е. станет ли оно неподвижным BACKGROUND-COLOR - позволяет определить фоновый цвет для HTML элемента BACKGROUND-IMAGE - позволяет прикрепить фоновый рисунок для HTML элемента BACKGROUND-POSITION - позволяет управлять выравниванием фонового изображения BACKGROUND-REPEAT - позволяет определить, будет ли фоновой рисунок повторяться (склеиваться мозаикой) COLOR - позволяет определить цвет текста в текущем элементе ZOOM - позволяет определить коэффициент масштабирования в документе

Свойство FONT позволяет определять свойства для шрифта одновременно для таких свойств, как: FONT-FAMILY, FONT-SIZE, FONT-STYLE, FONT-VARIANT, FONT-WEIGHT, FONT-STRETCH. В качестве значения свойство может принимать как специальные ключевые слова, которые характеризуют комбинации из значений вышеперечисленных свойств, так и сами комбинации значений вышеуказанных свойств (перечисленных через пробел). Значения

caption позволяет определить шрифт для элементов управления (полужирный);

icon позволяет определить шрифт для пиктограмм;

menu позволяет определить шрифт для меню;

messagebox позволяет определить шрифт для окон диалога;

smallcaption позволяет определить шрифт для небольших элементов управления;

statusbar позволяет определить шрифт для строки состояния.