Знакомство с CSS / Ненаследуемые свойства [14/15]
×

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

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

К таким ненаследуемым свойствам относятся: ширина, высота, отступы, режим позиционирования и другие. Согласитесь, было бы странно задать отступы для body и обнаружить, что у всех вложенных элементов тоже появились отступы.

Более подробно наследование описано в курсе «Наследование и каскадирование».


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ненаследуемые свойства</title> </head> <body> <h1>CSS-свойства</h1> <p>В CSS существует огромное количество свойств. Их можно разбить на следующие группы:</p> <ul> <li>оформление текста;</li> <li>работа с размерами и отступами;</li> <li>позиционирование элементов;</li> <li>работа с сеткой страницы;</li> <li>декоративные: цвета, фон, тени;</li> <li>другие.</li> </ul> </body> </html>
CSS
body { } ul { }
HTML Academy
  1. Задайте для body свойство padding: 20px;.
  2. Для ul свойство border: 1px solid #cccccc;.
  3. Для ul свойство padding: 30px;.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

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

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

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

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