Наследование и каскадирование / Ненаследуемые свойства [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.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

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

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

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

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