Question

我在查找我们项目使用的各种css文件中确切地设置了p元素的边距时遇到了一些麻烦。边缘规则不会出现在IE或Chrome的开发人员工具（F12）中的元素检查器的css列表中（尽管Chrome当然包含css规则列表底部的图表，告诉我18px的顶部和底部从某个地方申请保证金）。

我刚刚使用'Grep'搜索项目中所有文件的字符串：“margin：18px”，“margin-top：18px”，“margin：18px”和“margin-top：18px”。没有比赛。

我的问题是 - 设置保证金的其他方式是什么？它可以设置为其他一些财产的副产品吗？我知道这是一个愚蠢的建议，但我不确定还有什么想法。

我检查并重新检查了元素检查器中的css列表，并且没有显示边距规则 - 即使Chrome告诉我，仅在该图表中，以某种方式设置了边距。

任何新知识，非常感谢，谢谢。

修改
需要明确的是 - 当我谈到检查开发人员工具中'元素检查器的css列表'时，我的意思是我已经检查了IE和Chrome中F12开发人员工具中的元素。
很抱歉要回避，但这个项目太大了，不能用js小提琴演示。

Answer 1

CSS 2.1 specification有一个default style sheet用于HTML 4.它只是提供信息而不是规范性的，因此浏览器可以使用它但不必使用它。

另一种资源可能是浏览器的webdeveloper工具。大多数可以向您展示应用于特定元素的级联规则。例如：Firefox和Safari（WebKit）似乎对margin: 1em 0px元素使用p。

Answer 2

浏览器总是有一个＆＃34;安全区＆＃34;融入其中。您可以使用简单的＆＃34;规则表＆＃34;。

通过CSS覆盖此内容

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;

我希望这个＆＃34;重置＆＃34;帮助你！

Answer 3

浏览器有一些内置的CSS规则，你要覆盖它们以确保你基本上有一个“空白画布”来构建。一个好的和广泛使用的重置CSS是Eric Meyer's CSS Reset - 将重置CSS的内容复制到一个新的reset.css文件中，并在包含项目的自定义CSS之前包含它。

上边距显示为18px但未设置为css

3 个答案: