文本的HTML和css位置可以'；不能改变

我是来自比利时的学生。我在创建我的投资组合网站时遇到了一个错误 我无法修复。我的老师建议我在这里贴一个问题寻求帮助

正如您在屏幕截图中看到的，粗体文本表现得很奇怪。它应该像下面的文本部分。 有办法解决这个问题吗

HTML

<div id="content">
<div class = "intro" id="introtext">
<h2 id="h2intro">My name is not Joren and I am a <span class="cyan">designer</span>      from Belgium. </h2>
<h3 class="h3intro">I am passionate about making very <span class="cyan">simple and clean</span> designs that are easy on the eye and very simple to use.</h3>
</div><!--end intro-->

提前谢谢

---

Joren

我认为您需要将h2和h3的默认字体大小更改为相同的大小。试一试

 h2, h3 {
      font-size:14px; 
}

 #h2intro {
     font-weight: bold;

 }

 .h3intro {
     color: #463E3F; }

我相信您已经将默认样式设置为H2和H3。这就是为什么您会看到填充和大小的差异。如果不想影响其他h2和h3标记，还可以在#h2intro和.h3intro中设置大小

对于评论，请使用样式表底部的以下样式。

#introtext h2.h2intro  
{ 
    font-size: 14px; 
    font-weight: bold;
    margin: 0px;
    padding: 0px; 
 } 

#introtext h3.h3intro 
{  
   font-size: 14px; 
   margin: 0px;
   padding: 0px;
   color: #463E3F; 
}  

---

首先，你为什么要用一个ID（#h2intro）作为一个标题，用一个类作为另一个标题（.h3intro）？你的老师把你送到这里是非常明智的，我可以补充一下吗。我把ID改成了类。它适用于除移动设备以外的所有设备。您是否在下面为h2和h3定义了样式。h3intro？如果是这样，这些样式将覆盖我提供的h2和h3样式。#introtext{背景色：白色；填充底部：20px；}#introtext h2{文本对齐：左；字体大小：18px；左边距：25px；填充顶部：20px；填充右侧：25px；}{文本对齐：左；字体大小：15px；左边距：25px；顶部填充：20px；右侧填充：25px；}好了。你正在覆盖样式。我将用一个定义更清晰的CSS选择器编辑我的帖子。请将它们都放在样式表的底部。仍然是同一个问题。cyberiadesign.be/Test你可以在那里完全看到CSS和HTL:）请查看我的编辑。如果我是你，我会花一些时间更好地理解CSS，一个我会非常仔细地定义你的风格。

#introtext h2.h2intro  
{ 
    font-size: 14px; 
    font-weight: bold;
    margin: 0px;
    padding: 0px; 
 } 

#introtext h3.h3intro 
{  
   font-size: 14px; 
   margin: 0px;
   padding: 0px;
   color: #463E3F; 
}