Испытание: рецепт на CSS [16/16]

Курсы §25. Оформление текста с помощью CSS. Часть 2
1

Всё вроде сделал правильно, но не проходит проверку… 3-тий день пытаюсь сделать но не получается.
Вот код

body {
width: 260px;
margin: 0;
padding: 0 10px;
font-family: “Times New Roman”, serif;
font-size: 16.1px;
}
h1{
font-size:18px;}
.sub{vertical-align:sub;
font-size:0.8em;}
.sup{vertical-align:super;
font-size:0.8em;
line-height: 1em;
}
.del{text-decoration:line-through;}
.underline{text-decoration:underline;}
.italic{
font-style:italic;
line-height: 1em;
}

Помогите кто может

2

А почему для указания размера шрифта вы выбрали единицу измерение “em”? Разве так удобнее?

3

На самом деле не всё совпадает. Вы можете посмотреть вкладки «Различия» и «Наложение», чтобы увидеть где визуально расходятся картинки.

Попробуйте для .sub и .sup задать размер шрифта font-size:12px; и убрать высоту строки.

1 лайк
4

body {
width: 260px;
margin: 0;
padding: 0 10px;
font-family: “Times New Roman”, serif;
font-size: 16px;
}

h1 {
font-size: 18px;
}
.italic {
Font-style: italic;
}
.underline {
text-decoration: underline;
}
.sub { vertical-align: sub;
font-size:12px;

}
.sup { vertical-align: super;
font-size:12px;
}
.del { text-decoration: line-through;
}

Вот 100% код CSS

5

Не очень понятно, как я должен определить размер шрифтов. Единственное логическое объяснение - в предыдущих заданиях такой шрифт был в задачи. Или это с опытом приходит?

6

Чаще всего сложно оценить размер шрифта на глаз. В испытаниях вы действуете методом подбора. Когда начнёте верстать макеты, информацию о шрифтах будете брать из них.

7

Спасибо за ответ и оперативность =)

8

Опять сломал голову. С подбиранием цифр для размера шрифта и высоты…
Вот мой код проверку не проходит((
body {
width: 260px;
margin: 0;
padding: 0 10px;
font-family: “Times New Roman”, serif;
font-size: 16px;
}
h1{
font-size:20px;
}

.sub{
font-size:12px;
}

.sup{
font-size:12px;
}

.del{
text-decoration:line-through;
}

.underline{
text-decoration:underline;
}

.italic{
font-style:italic;
}

9

Привет результат 100%
ody {
width: 260px;
margin: 0;
padding: 0 10px;
font-family: “Times New Roman”, serif;
font-size: 16px;
}
h1{
font-size:18px;
}

.sub{vertical-align:sub;
font-size:12px;
}

.sup{vertical-align:super;
font-size:12px;
}

.del{
text-decoration:line-through;
}

.underline{
text-decoration:underline;
}

.italic{
font-style:italic;
}