<h1 class="h1">Введение</h1>
<p class="p">В этом пособии изучается работа с html и css</p>
<h2 class="h2">Глава 1</h2>
<p class="p">Работа с html, знакомство с тэгами и атрибутами тэгов.</p>
<h2 class="h2">Глава 2</h2>
<p class="p">Работа с css, знакомство с селекторами и свойствами.</p>
<p class="cite">Самое лучшее онлайн-пособие</p>
Странно, этот же код выдаёт у меня 100% совпадение. В стилях точно ничего не менялось? Попробуйте приложить сюда ещё и CSS-код.
Не обязательно у тегов “h1”, “h2”, и “p” указывать одноимённые классы, в CSS указаны селекторы прямо по тегам, а не по классам. То есть эти классы попросту не нужны, они не используются. Обязателен только последний класс cite.
Но если есть ошибка, то явно не поэтому.
.h2{
font-size:1.5em;
color:#333;
font-weight:normal;
margin-top:0.5em;
margin-bottom:0.5em;
}
Попробуйте сбросить код и сделать заново, так как если это всё, что присутствует в CSS, то это неверно: изначально там ещё стили имеются.
Если ничего не менять, то CSS в задании выглядит так:
/* Классы для оформления */
.cite{
padding:5px 10px;
background:#f5f5f5;
border-left:2px solid #ccc;
font-style:italic;
}
/* Служебные стили */
body{
width:260px;
margin:0;
padding:0 20px;
font-family:“Arial”, sans-serif;
font-size:12px;
line-height:1.4;
color:black;
}
h1{
font-weight:bold;
font-size:2.5em;
margin-top:0.5em;
margin-bottom:0.5em;
}
h2{
font-size:1.5em;
color:#333;
font-weight:normal;
margin-top:0.5em;
margin-bottom:0.5em;
}
p{
margin:1em 0;
color:#666;
}
Изменять CSS в этом задании для нормального решения не нужно, всё решается правильной разметкой HTML. Эти стили нужны для правильного отображения, в общем, не стоит их удалять.
Но если так хочется использовать именно классы, тогда нужно добавить в стили не только класс .h2, но и остальные, чтоб получить тот же результат =)
То есть, проще говоря, написать примерно также, как и в случае с .h2: везде поставить точку перед селектором, но для ВСЕХ базовых селекторов.
если работаю через стили, то результата нет совсем
разметка выглядит так
<h1>Введение</h1>
<p>В этом пособии изучается работа с html и css</p>
<h2>Глава 1</h2>
<p>Работа с html, знакомство с тэгами и атрибутами тэгов.</p>
<h2>Глава 2</h2>
<p>Работа с css, знакомство с селекторами и свойствами.</p>
<p class="cite">Самое лучшее онлайн-пособие</p>
если стили в CSS переделываю в классы и прописываю их везде как классы все работает кроме заголовка 2
Не совсем понял, что к чему, но разметка сейчас вроде верная, только непонятны символы */ в начале, их удалить нужно, если они есть.
На всякий случай выложил правильный код вот сюда. Можно сравнить и увидеть, где конкретно ошибка.
заработало через стили после нажатия “Проверка”. до этого в “Результате” изменения попросту не отображались. Спасибо
1 лайк
Не за что. Да, нажимать кнопку для проверки в испытаниях нужно обязательно, чтобы сервер проверил решение.
1 лайк
Вангую кучу новых недопопниманий в начальных курсах)
1 лайк
Это да)