Page 9 - jQuery для начинающих

Валидный HTML

Зеленый маркер W3C validator'а – это правильно, и к этому надо стремится, так что не
забывайте закрывать теги, да прописывать обязательные параметры, приведу пример HTML

кода, в котором допущено 6 ошибок (согласно спецификации HTML5), найдите их:

<h2>Lorem ipsum
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Nunc urna metus, ultricies eu, congue vel, laoreet id, justo.
Aliquam fermentum adipiscing pede. Suspendisse dapibus ornare
quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<p>
<a href="/index.php?mod=default&act=image"><img src="/img001.jpg"></a>

CSS-правила и селекторы

Теперь приступим к CSS, и начнём, пожалуй, с расшифровки аббревиатуры CSS – Cascading
Style Sheets — каскадная таблица стилей, но:
— Почему же она называется каскадной? — этот вопрос я часто задаю на

собеседованиях претендентам. Ответом же будет аналогия, ибо она незыблема как
перпендикулярная лягушка: представьте себе каскад водопада, вот вы стоите на одной из
ступенек каскада с чернильницей в руках, и выливаете ее содержимое в воду — вся вода
ниже по каскаду будет окрашиваться в цвет чернил. Применив эту аналогию на HTML —
создавая правило для элемента, вы автоматически применяете его на все дочерние
элементы (конечно, не все правила так работают, но о них позже) — это наследование
стилей. Теперь, если таких умников с чернильницей больше чем один, и цвета разные, то в
результате получим смешение цветов, но это в жизни, а в CSS работают правила
приоритетов, если кратко:

— самый низкий приоритет имеют стили браузера по умолчанию — в разных браузерах
они могут отличаться, поэтому придумали CSS Reset (гуглится и юзается), и все будут

на равных
— чуть важнее — стили заданные пользователем в недрах настроек браузера,
встречается редко
— самые важные — стили автора странички, но и там всё идёт по порядку
— самый низкий приоритет у тех, что лежат во внешнем подключённом файле
— затем те, что встроили внутрь HTML с помощью тега <style>
— потом те, что захардкодили плохие люди (не вы, вы так делать не будете) в
атрибуте style

— самый высокий приоритет у правил с меткой «!important»
— при равенстве приоритетов, тапки у того, кто объявлен последним

Если голова ещё не бо-бо, то я также упомяну, что при расчёте, чьи же правила главней,
ещё анализируется специфичность селекторов, и тут считается следующим образом:

9

www.trk.kg