Наследование и каскадирование / Ненаследуемые свойства [6/18]
×

Ненаследуемые свойства [6/18]

В предыдущем задании мы перечислили основные наследуемые свойства. Все остальные относятся к ненаследуемым. Это параметры позиционирования, размеров, отступов, фона, рамок и т. д.

А именно: background, border, padding, margin, width, height, position и др.

Весь список ненаследуемых свойств смотрите в стандарте CSS. Значение no в колонке Inherited?.

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

Хотите получать макеты для тренировки? Подписывайтесь на полезную рассылку!

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <title>Ненаследуемые свойства</title> <meta charset="utf-8"> <link href="https://fonts.googleapis.com/css?family=PT+Sans:400&subset=cyrillic" rel="stylesheet" type="text/css"> </head> <body> <div class="block1"> <p>Строка текста в первом блоке</p> <p>Еще одна строка текста в первом блоке</p> <ul> <li>Первый элемент списка</li> <li>Второй элемент списка</li> <li>Третий элемент списка</li> </ul> </div> <div class="block2"> <p>Строка текста во втором блоке</p> <p>Еще одна строка текста во втором блоке</p> <ul> <li>Первый элемент списка</li> <li>Второй элемент списка</li> <li>Третий элемент списка</li> </ul> </div> </body> </html>
CSS
body { font-family: "PT Sans", sans-serif; }
HTML Academy
  1. Для .block1 задайте внутренние отступы 10px и рамку 1px solid #1abc9c.
  2. Для ul внутри .block2 установите цвет фона background: #3498db;.
  3. Для li внутри .block2 — цвет фона #e74c3c.
Теория Проверить Следующее задание

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.