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

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

К наследуемым свойствам относятся в первую очередь свойства, определяющие параметры отображения текста:

font-size, font-family, font-style, font-weight, color, text-align, text-transform, text-indent, line-height, letter-spacing, word-spacing, white-space, direction и т. д.

Также к наследуемым свойствам относятся list-style, cursor, visibility, border-collapse и некоторые другие. Но они используются значительно реже.

Весь список наследуемых свойств смотрите в стандарте CSS. Значение yes в колонке 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. Задайте body размер шрифта 12px и выравнивание текста по центру text-align: center;.
  2. Для .block1 задайте стиль текста курсивом font-style: italic;.
  3. Для .block2 задайте стиль курсора при наведении cursor: pointer;.
  4. Для ul внутри .block2 задайте квадратные маркеры list-style-type: square;.
Теория Проверить Следующее задание
Идёт запись на курс Продвинутый HTML и CSS #10, который стартует 27 февраля.

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

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

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

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