2

私はベルギーの学生です。ポートフォリオWebサイトを作成していますが、修正できないエラーが発生しました。私の先生は私に助けを求めてここに質問を投稿するようにアドバイスしました。

スクリーンショットでわかるように、太字のテキストは奇妙に機能しています。下部のテキスト部分のように機能する必要があります。これを修正する方法はありますか？

http://imgur.com/aYiYu

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

CSS

.cyan
{
    color:#00d1e0;
}

#h2intro
{
    font-weight: bold;

}

.h3intro
{
    color: #463E3F;
}

前もって感謝します！

ジョレン

4

1 に答える 1

1

h2 と h3 の両方のデフォルトの font-size を同じサイズに変更する必要があると思います。試す

 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; 
}
于 2012-12-19T14:23:39.423 に答える