Привет, я относительно новичок в веб-разработке, и я пытаюсь заставить это работать для класса. Цель состоит в том, чтобы использовать встроенный класс css для создания шрифта, выделенного полужирным шрифтом и курсивом. Пока у меня это:
<!DOCTYPE html><!--Chapter 3 ex 4, a demonstration of class-->
<html lang="en"><!--opens html and sets language to english-->
<head><!--opens head-->
<title>Chapter 3 ex 4</title><!--sets the title of the page-->
<style><!--opens embedded style-->
.new
{
font-weight: bold;<!--creates a class new-->
font-style: italic; <!--that is both bold and italic-->
}
</style> <!--closes embedded style-->
<meta charset="utf-8">
</head> <!--Closes head-->
<body>
<p class="new">Test of new class</p>
</body>
</html>
Проблема в том, что текст не затрагивается вообще "новым" классом. Я обнаружил, что если я удалю lang = "en" из тега, текст шрифта станет полужирным. У кого-нибудь есть идеи, что я могу сделать, чтобы исправить это?
Комментарии в CSS выполняются с /* your comment */
вместо комментариев в стиле HTML. Ваш CSS недействителен, как есть.
<!--opens embedded style-->
<style>
.new
{
font-weight: bold; /* creates a class new */
font-style: italic; /* that is both bold and italic */
}
</style> <!--closes embedded style-->
Вы используете неправильные комментарии в своей встроенной таблице стилей:
.new
{
font-weight: bold;/*creates a class new*/
font-style: italic; /*that is both bold and italic*/
}
Если вы удалите все теги <!-- html comments -->
в <style>
он работает плавно.
Просто проверил его с моим браузером.