六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

网页中的段落标记p失效的CSS解决办法

Admin | 2011-8-6 9:37:49 | ReadNums | 4730 | 标签 网页制作 | 打印本页
     

  网页中,常常需要使用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去掉,问题就解决了。


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日