0

これが2つのSimilaireコードです。1つはidを使用し、もう1つはクラスを使用しています。Cssコード{1}：

.section{ margin-bottom:25px; }
    .last{ margin-bottom:0px; }
    .section-name{  font-family: 'Sulphur' ; font-size:20px; padding-bottom:10px; color:#2F6AB3;  }

HTMLコード{1}：

<h2 class="section-name">Personal Details</h2>

Cssコード{2}：

    .section{ margin-bottom:25px; }
    .last{ margin-bottom:0px; }
    #section-name{  font-family: 'Sulphur' ; font-size:20px; padding-bottom:10px; color:#2F6AB3;  }

htmlコード{2}：

 <h2 id="section-name">Personal Details</h2>

最初のコード{1}、クラスでは、適切なフォントファミリ「硫黄」が表示されませんでした。しかし、2番目のコード{2}では、正しいフォント「Sulphur」が表示されます。だから私は理由を知る必要がありますか？2つの理由から、2つは私の開発スキルを向上させ、私はここでクラスを使いたいと思っています。

4

1 に答える 1

1

私がこのコードをテストするとき、それは私にとってうまく機能します：

<!DOCTYPE HTML>
<html>
<head>
    <style type="text/css">
        .section{ margin-bottom:25px; }
        .last{ margin-bottom:0px; }

        .section-name{  font-family: 'Sulphur' ; font-size:50px; padding-bottom:10px; color:#2F6AB3;  }

        #section-name{  font-family: 'Sulphur' ; font-size:10px; padding-bottom:10px; color:#2F6AB3;  }
    </style>
</head>
<body>
<h2 class="section-name">Personal Details</h2>
<h2 id="section-name">Personal Details</h2>
</body>
</html>

完全なコードを表示する必要があります。

于 2013-01-12T01:29:01.403 に答える