Im使用规范化css-为什么它有40px的填充?
我下载了响应框架,在Normalize.css中它有默认设置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(可在上获得)中,没有这样的填充,但是大多数浏览器都会添加这种填
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),因此它将其标准化,以在所有浏览器中实现相同的外观。