Наследование. Каскадирование. Приоритеты стилей

Применение CSS к документам HTML основано на принципах наследования и каскадирования. Принцип наследования заключается в том, что свойства CSS, *объявленные для элементов-предков, наследуются элементами потомками.

Принцип каскадирования применяется в случае, когда какому-то элементу HTML одновременно поставлено в соответствие более одного правила CSS, то есть, когда происходит конфликт значений этих правил. Чтобы разрешить такие конфликты вводятся правила приоритета.

· Наиболее низким приоритетом обладает стиль браузера;

· Следующим по значимости является стиль, заданный пользователем браузера в его настройках;

· И наиболее высоким приоритетом обладает стиль, заданный непосредственно автором страницы. И далее, уже в этом авторском стиле приоритеты расставляются следующим образом:

· Самым низким приоритетом обладают стили, наследуемые в документе элементом от своих предков;

· Более высоким приоритетом обладают стили, заданные во внешних таблицах стилей, подключённых к документу;

· Ещё более высоким приоритетом обладают стили, заданные непосредственно селекторами всех десяти видов (см. подраздел «виды селекторов»), содержащимися в контейнерах style данного документа. Нередки случаи, когда к какому-нибудь элементу имеют отношение, задают его вид, несколько таких селекторов. Такие конфликты между ними разрешаются с помощью расчёта специфичности каждого такого селектора и применения этих селекторов к данному элементу в порядке убывания их специфичностей. При расчёте специфичности селектора принимается во внимание:

· Количество идентификаторов (#id) в селекторе —- ((1,0,0) за каждый объявленный идентификатор в селекторе правила CSS);

· Количество классов (.class) и псевдоклассов (:pseudoclass) в селекторе —- ((0,1,0) за каждый объявленный класс и псевдокласс в селекторе правила CSS);

· Количество тегов в селекторе —- ((0,0,1) за каждый объявленный тег в селекторе правила CSS). (Принцип расчёта таков, что, например, (1,0,0) будет иметь большую специфичность, соответственно — бо́льший приоритет, чем даже (0,10,0), а (0,1,0) будет иметь большую специфичность, больший приоритет, чем (0,0,10). Если же рассчитанные таким образом специфичности окажутся одинаковыми, то к элементу будет применено правило, описанное селектором, расположенным в документе ниже других.)

· Ещё более высоким приоритетом обладают стили, объявленные непосредственно в теге данного элемента посредством атрибута style этого тега;

· И наконец самым высоким приоритетом обладают стили, объявленные автором страницы или пользователем, с помощью сопроводительного слова!important. Если таких свойств несколько, то предпочтение отдаётся в первую очередь стилям, заданным пользователем, а для остальных свойств (которые будут являться задаваемыми автором страницы) потребуется определить их специфичности по принципам, описанным выше, и применять эти свойства в порядке убывания этих их специфичностей.

При разработке сайта на базе любой СMS, необходимо уметь работать со сложными селекторами, в частности - с id-селекторами. Т.к. ПО создаст каркас страницы с десятками вложенных элементов div (и у всех будет либо уникальный id, либо некий класс). И при формировании своей "темы оформления" придется тщательно указывать стили для всех сгенерированных блоков и вложенных элементов.

Для самостоятельного написания оформления страницы необходимы знания набора свойств и их значений для различных элементов HTML-страницы. Такая справочная информация в компактном виде приведена в приложении 2 части 2 пособия. Приложение сформировано на основе материалов сайта htmlbook.com [??].

Язык программирования JavaScript

Общие положения

Чувствительность к регистру

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