Я новичок в HTML, у меня проблемы со встроенным классом CSS, не работающим со шрифтом и шрифтом

0

Привет, я относительно новичок в веб-разработке, и я пытаюсь заставить это работать для класса. Цель состоит в том, чтобы использовать встроенный класс 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" из тега, текст шрифта станет полужирным. У кого-нибудь есть идеи, что я могу сделать, чтобы исправить это?

Теги:

3 ответа

1
Лучший ответ

Комментарии в 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-->
  • 0
    Огромное спасибо. Книга не очень хорошо объясняла это.
  • 0
    Нет проблем. Добро пожаловать в ТАК
1

Вы используете неправильные комментарии в своей встроенной таблице стилей:

.new 
{       
font-weight: bold;/*creates a class new*/
font-style: italic; /*that is both bold and italic*/
}
0

Если вы удалите все теги <!-- html comments --> в <style> он работает плавно.

Просто проверил его с моим браузером.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню