Im使用规范化css-为什么它有40px的填充?

Im使用规范化css-为什么它有40px的填充?,css,twitter-bootstrap,normalize,normalize-css,Css,Twitter Bootstrap,Normalize,Normalize Css,我下载了响应框架,在Normalize.css中它有默认设置padding:0 40px用于各种项目。比如说 menu, ol, ul { padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } 有人能解释一下这个原因吗,当我加上ul的时候,它加上了40px。。。如果我在normalize中删除40px,它会影响浏览器支持吗 感谢您的帮助在官方的Normalize.css(可在上获得)中,没有这样的填充,但是大多数浏览器都会添加这种填

我下载了响应框架,在Normalize.css中它有默认设置
padding:0 40px用于各种项目。比如说

menu,
ol,
ul {
    padding: 0 0 0 40px;
}
dd {
    margin: 0 0 0 40px;
}
有人能解释一下这个原因吗,当我加上ul的时候,它加上了40px。。。如果我在normalize中删除40px,它会影响浏览器支持吗


感谢您的帮助

在官方的Normalize.css(可在上获得)中,没有这样的填充,但是大多数浏览器都会添加这种填充,以便简单地从常规文本中给列表一些缩进

如果要删除此项,只需修改提供的CSS或在您自己的CSS中覆盖它:

menu,
ol,
ul {
    padding: 0;
}
dd {
    margin: 0;
}

你可以随心所欲地设计自己的文档;除了HTML规范中定义的默认样式外,大多数浏览器默认样式只是为了使简单的未设置样式的文档更美观。

根据Erik Meyer的说法,这是Mosaic的残余。他在Web平台播客结束时说,如果要删除填充,必须将其设置为
0px
。样式表不会重置,而是正常化。浏览器CSS通常会为ul、dd等设置填充,但它们会有所不同。这使其标准化为40px,这对于这些东西来说是一个合理的值。如果您希望它为0,请务必更改它。如果您使用chrome inspector检查
ul
,您可以看到
-webkit padding start:40px用于
ul,菜单,目录
。也许其他浏览器使用不同的值(20/30),因此它将其标准化,以在所有浏览器中实现相同的外观。