Question

嗨，我在网络开发方面相对较新，而且我正努力让这个课程更有效。目标是使用嵌入式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”，字体文本将变为粗体。任何人都有任何想法，我可以做些什么来解决这个问题？

Answer 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-->

Answer 2

您在嵌入式样式表中使用了不正确的注释：

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

Answer 3

如果您删除了标记中的所有<style>，它就会顺利运行。

刚刚使用我的浏览器测试过它。

我是HTML的新手，因为嵌入式css类没有使用font-style和font-weight

3 个答案: