main-header установить размер шрифта 56px и цвет #365f91Составляем селектор из двух частей, имя элемента h1 и имя класса .main-header. Для решения задачи данное правило должно содержать три CSS-свойства со значениями: размер шрифта font-size, цвет color и семейство шрифта font-family:
h1.main-header {
font-size: 56px;
color: #365f91;
font-family: serif;
}
Текст во всех абзацах должен иметь размер 20px
Используем простой селектор элемента и свойство font-size:
p {
font-size: 20px;
}
У текста внутри тега strong в абзаце с классом lead задайте нижнее подчеркивание
Составляем селектор потомков — комбинацию селекторов p.lead и strong. Для того, чтобы задать нижнее подчёркивание потребуется CSS-свойство text-decoration и соответствующее значение:
p.lead strong {
text-decoration: underline;
}
Составляем селектор из имени элемента ul и класса .works-list и назначаем свойство color для изменения цвета списка. Также указываем свойство list-style-type для того, чтобы изменить форму маркера для пунктов списка первого уровня:
ul.works-list {
color: #365f91;
list-style-type: square;
}
Для того, чтобы изменить внешний вид маркеров пунктов списка второго уровня, нужно обратиться к такому списку ul, который вложен внутрь другого списка. Составляем селектор потомков, состоящий из двух частей: первая — список первого уровня ul.works-list, и вторая — вложенный в него список ul. Для изменения формы маркера у данного списка используем правило list-style-type: circle:
ul.works-list ul {
list-style-type: circle;
}
Используем селектор элемента blockquote и свойство background-image. Обратите внимание на растановку пробелов, скобок и кавычек:
blockquote {
background-image: url("https://netology-university.bitbucket.io/wm/resourses/images/background.png");
}
Используем свойство color: #494429, чтобы изменить цвет, font-style: italic для курсивного начертания и уже знакомое свойство font-family: serif для смены шрифта на шрифт с засечками. В итоге правило для цитат выглядит так:
blockquote {
background-image: url("https://netology-university.bitbucket.io/wm/resourses/images/background.png");
color: #494429;
font-style: italic;
font-family: serif;
}
Вы можете посмотреть, как выглядят выполненные задания на Codepen.