有什么想法标签不起作用,但是CSS会吗?
-
25-10-2019 - |
题
<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;
}
解决方案
如果没有别的 strong
, ,然后是您的问题(或者说是CSS重置的问题)。
这 font: inherit
风格以及所有这些选择器都要求所有内容从其父母那里继承所有字体样式。默认权重显然是 normal
, , 所以 strong
在您重新重新计时之前,文本不再是粗体:
strong { font-weight: bold; }
(其他一些重置样式的明显元素是 b
, em
, i
, ,代码元素,报价元素,表,标题,列表等)
其他提示
添加:
strong{
font-weight:bold;
}
到您的CSS。也许您可以重置此标签。
这些重置不仅重置填充和边缘,正如Boltclock所解释的那样, font:inherit
可以通过显示合适的字体样式破坏浏览器聋人行为。
除了Boltclock的答案外,我还发现我们必须使用完整的标签名称来关闭标签,否则以后使用的强标签不起作用。例如,
<H1> heading </H1>
instead of,
<H1> heading </>
不隶属于 StackOverflow