css – 摆脱用户代理样式表规则?

前端之家收集整理的这篇文章主要介绍了css – 摆脱用户代理样式表规则?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的Chome 12发生了一些奇怪的事情.

我几天前下载了最新的样板,并设计了它.一切都好

5分钟前,Chrome(Webkit)突然决定在我的设计中插入额外的CSS规则:

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;

如何摆脱这种情况,不需要额外重设?

编辑:也遇到h1元素的问题

-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;

编辑2:我的重置包含

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

解决方法

这些属性被margin和padding所覆盖.

只设置margin:0; padding:0如果你想要的边距和填充不见了

那些财产并没有突然出现,他们一直在那里.

证明证明:http://jsfiddle.net/VNh3u/ – (显然,签入WebKit浏览器)

猜你在找的CSS相关文章