网页中,常常需要使用CSS代码来控制页面的布局和对网页中的内容进行修饰。
有的时候,不该使用的CSS代码,会影响到网页内容的显示效果。
就比如说,当我们的网页中的段落文字,使用了<p></p>作为段落标记后,但在网页文字显示的时候,却看不到段落的间距,仅显示为普通的换行而已。即网页中的段落标记<p></p>失效,并未产生任何的段落效果。
遇到这种情况,如何来解决呢?
寻找原因及解决办法
问题很简单,原因在于,您网页中的CSS代码,肯定对段落标记<p></p>进行了设置,否则,不会导致<p></p>失效。
比如如下的CSS代码:
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
上述的代码中,看到了吗?其中,有一个标记是p,这足以说明,该CSS代码对段落标记进行了设置,导致其作用失效。
而失效的CSS代码是:
margin: 0;
padding: 0;
要想解决这个问题,就简单了,把textarea, p, blockquote, th, td这一行中的p删除,变为:
textarea, blockquote, th, td
这样就行了,问题就得到解决了。
知识扩展:
有的时候,除了段落标记失效外,就连文字的加粗效果也会失去效果,
所谓的加粗效果失效,指的是该加粗的时候没加粗,不加粗的时候却加粗了,刚好和设置的意图相反。
如下的代码:
em, strong, th, var, optgroup {
font-style: normal;
font-weight: normal;
}
您只需要将strong去掉,问题就解决了。