//CSS油 * { margin: 0; padding: 0; box-sizing: border-box; } //橄榄油 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,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary, time,mark,audio,video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
从上面的代码可以看出,CSS油和橄榄油的区别在于后者重置了更多的HTML标签,并且将边框(border)也设为了0,同时还设置了基线对齐(vertical-align: baseline)。但是,这种设置有时也会导致一些意外的问题,比如影响了表格的渲染。
因此,大家需要根据具体的项目需求来选择使用哪种重置方案。如果项目规模较小,HTML标签使用比较简单,可以选择CSS油;如果项目比较大,HTML标签多而复杂,建议使用橄榄油能够更全面的重置HTML标签。但无论你选用哪种方案,都要注意对样式的影响,保证最终的效果符合预期。