タグが機能しない理由は何ですか？

Question

<span class="bold">Some Title</span>

.bold
{
    font-weight:bold;
}

これは大胆にレンダリングされますが、これは次のとおりです。

<strong>Some Title</strong>

ではない。通常のテキストとしてレンダリングするだけです。 HTML5 DoctypeとGoogleフォントを使用しています。

<link href='http://fonts.googleapis.com/css?family=Droid+Sans&v2' rel='stylesheet' type='text/css'>

誰もこれを経験しましたか？

編集：BoltclockはCSSリセットである可能性があることを示唆しました、ここにチャンクがあります <strong>

/** CSS Reset **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

Answer 1

他に何もない場合 strong, 、それからあなたの問題があります（または、むしろ、CSSリセットの問題）。

font: inherit スタイルは、これらすべてのセレクターと一緒に、すべてのフォントスタイルを親から継承するようにすべてを求めています。デフォルトの重みは、明らかに、 normal, 、 それで strong テキストは、あなたがそれを再登録するまでもはや大胆ではありません：

strong { font-weight: bold; }

（スタイルをリセットする他の明白な要素は b, em, i, 、コード要素、引用要素、表、見出し、リストなど）

Answer 2

追加：

strong{
 font-weight:bold;
}

あなたのCSSに。たぶんどこかこのタグをリセットします。

Answer 3

これらのリセットは、ボルトクロックが説明したように、パディングやマージンだけでなくリセットされています。 font:inherit 適切なフォントスタイルを表示することで、ブラウザのdeafaultの動作を破ることができます。

Answer 4

Boltclockの答えに加えて、タグを閉じるために完全なタグ名を使用する必要があることもわかりました。そうしないと、その後使用される強力なタグは機能しません。例えば、

<H1> heading </H1>

instead of,

<H1> heading </>