16 задание. Что не так в моем коде?

Курсы §9. [Архив] Оформление текста с помощью CSS
1

Вот мой код css 16-го задания.

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

h1 {
    font-size: 19px;
    margin-top: -2px;
}
li {
    margin-left: 0px;
}
.sub {
    vertical-align: sub;
    font-size: 11px;
}
.sup {
    vertical-align: super;
    font-size: 11px;
}
.del {
    text-decoration: line-through;
}
.underline {
    text-decoration: underline;
}
.italic {
    font-style: italic;

P.S. Визуально смотрится одинаково, но шкала выполнения задания заполнена примерно на 70%. Что в моем коде не так не пойму…

2

Изначальный размер шрифта у заголовка был 18px. Отрицательный отступ сверху не нужен.
Также исправьте размер шрифта для элементов с классами .sub и .sup на 12px.

1 лайк
3

Спасибо за помощь. Но шкала осталась на прежнем месте :pensive:… Ума не приложу, что еще нужно. Хотя задание простое.

4

Скрин можно увидеть?)

5

Вот что я сделал

6

А можно скрин всего экрана или код снова, со всеми вашими правками?

7 
Вот код

body {
        width: 260px;
        margin: 0;
        padding: 0 10px;
        font-family: "Times New Roman", serif;
        font-size: 16px;
    }
    h1 {
        font-size: 18px;
        margin-top: 0px;
    }
    li {
        margin-left: 0px;
    }
    .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;

Картинка:

Каша.png574×665 54.5 KB

8

Запомните одну вещь. Еще не раз столкнетесь потом.
Запись margin-top: 0; и если вы не прописываете отступ сверху вообще дают разные эффекты.
Первое - означает, что вы обнуляете отступ, второе - означает, что вы оставляете его величину, принятую браузером по умолчанию.

1 лайк
9

Спасибо за подсказку. Поигрался немного с внешними отступами и выполнил задание на 100%.

10

Пожалуйста, но самым простым способом было бы стереть строку margin-top: 0; для h1.

1 лайк