2010-10-07 63 views
1

我有一个使用html编辑器创建文章内容的动态网站,但由于某些原因,由html编辑器生成的p/div标签在首页上显得很棘手。我假设这是因为我的整个网站的CSS声明。css - 我如何重置p和div的样式属性?

下面是一个简单的例子:

<div class="custom_html_block"> 
    <div align="top"> 
     <p> test test test test test test test test test</p> 
     <p> test test test test test test test test test</p> 
     <p> test test test test test test test test test</p> 
    </div> 
</div> 

我需要什么CSS使里面的所有元素的外观/似乎就像他们一个空白的HTML页面上?有人可以帮我解决这个问题吗?

谢谢!

回答

2

听起来好像<p>标签的默认样式有一些样式正在被现有样式继承。避免这个问题的方法是非常具体的关于这些标签,所以你可以单独控制它们

.custom_html_block { padding:15px 15px 0; } 
.custom_html_block p { padding-bottom:15px;) 

我会用萤火虫来找出你需要,以创造更多的“默认”的样子来指定哪些额外风格

1

您可以尝试在线提供的一打reset css款式中的任意一种。一旦你选择了一个,你将不得不编辑它并在表格中的每个标签前加“.custom_html_block”,所以它只适用于你的编辑器。

0

只是使用更具体的选择器覆盖您先前定义的属性,并在(用于级联)之后声明它。

,如果您使用的是现代的浏览器,你也可以使用!重要覆盖相同的属性

看看你的元素使用像萤火虫工具的继承属性,所以它会更容易为你改变他们

1

检查'问题'页面的源代码。如果有元素级别的样式标签,请记住他们会覆盖您可能拥有的任何链接的CSS样式表。

外部CSS样式表 < CSS在同一页上的风格标签 <内联CSS

是重要的分配到CSS的顺序