Новичок
7 уроков
(1 час 8 минут)
Курс
Основы CSS
CSS - это язык стилей, определяющий отображение HTML-документов. После изучения HTML, вам необходимо ознакомиться с CSS, чтобы ваши сайты выглядели более привлекательно.

#5 — Подробно о каскадности в CSS.

И снова здравствуйте! Вы снова с нами, и мы продолжаем изучать видеокурс по основам CSS. На сегодняшнем видеоуроке мы рассмотрим один из основных принципов применения CSS — каскадность.

Что же такое каскадность в CSS

Расширяя свой проект, разработчик естественным образом увеличивает и количество стилей, применяемых к нему. Одно и то же свойство CSS может быть применено к разным элементам веб-странички, а также одному и тому же элементу в разных местах разметки может быть прописано свойство с разными значениями.

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

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

Приоритеты в CSS

CSS предлагает метод определения приоритетов.

  • Селектор тегов — 1 пункт;
  • Селектор классов — 10 пунктов;
  • Селектор по ID — 100 пунктов;
  • Встроенный стиль (inline) — 1000 пунктов.

Согласно этому методу применится тот стиль, приоритет которого выше. Но метод этот не работает для наследуемых свойств.

Если два стиля имеют одинаковые приоритеты, то более значимым будет признан последний определенный стиль.
CSS предоставляет возможность отменить все значимые стили при помощи значения !important. Но это значение можно использовать только в крайних случаях.

Немного о кроссбраузерности

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

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

Приятного всем просмотра! Учитесь с удовольствием! Всегда ваш Loftblog.

Полезные ссылки:
Reset CSS http://meyerweb.com/eric/tools/css/reset/
Normalize.css http://necolas.github.io/normalize.css/

Материалы к уроку:
Делись:

Оставь комментарий!

2 thoughts on “#5 — Подробно о каскадности в CSS.

  1. traglazor:

    Я вообще ничего не понял, я не понимаю его смысл слов.

  2. traglazor:

    Всё понял, извиняюсь. Надо было нормально проснуться.)

Добавить комментарий

Рекомендуемые курсы