2013-10-09 3 views
0

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

ответ

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

Большое спасибо. Книга не очень хорошо объясняла это. – user2863558

+0

Нет проблем. Добро пожаловать в SO – Cfreak

1

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

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

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

Только что проверил его с моим браузером.

Смежные вопросы