
Урок #3 - Вложенные стили
Видеоурок
Вложенные стили применяются для группировки стилей внутри одного родительского элемента.
Предположим у вас есть шапка на сайте. Внутри шапки располагается множество элементов и к каждому применяются какие-либо стили и свойства. Для записи всех стилей можно поступить двумя способами:
- Прописать все стили по отдельности друг за другом.
Плюсы:
- Все расположено отдельно друг от друга;
Минусы:
- Стили разбросаны;
- Нет вложенности, обращение не к элементам внутри шапки, а сразу ко всем элементам на странице.
- Прописать вложенные стили
Плюсы:
- Все стили принадлежащие к одному объекту находятся внутри одного объекта;
- Стили не разбросаны;
- Есть вложенность, поэтому обращение идет лишь к элементам внутри шапки.
Минусы:
- Нет
Материалы для курса
Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт
Исходный код
Весь код будет доступен после подписки на проект!
Онлайн редактор кода
Задание к уроку
Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям
Большое задание по курсу
Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца
Также стоит посмотреть