CSS(css reset)重置到底要怎么写？

html-css024

CSS(css reset)重置到底要怎么写？,第1张

(文章来源于：玉溪无痛人流因为各种浏览器的算法不一样，从而导致CSS在不同的浏览器中存在一部分不一样的效果，CSS重置就是写一段初始化CSS将这些浏览器不同的初始化设置指定同一种显示效果。使用了CSS重置以后，各不同浏览器的初始化设置将一致，后面再写CSS的时候就不会因为浏览器的初始化不同从而导致显示的效果不一致了。CSS重置使用的误区下面这段代码是网上很多网站CSS开始之前使用的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, 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: 0padding: 0border: 0font-size: 100%font: inheritvertical-align: baseline}我们写CSS重置要考虑到自己的网站的具体设计，如上面那段CSS代码所示，你的网站可能只有用到里面的其中一小部分标签，但是你却把所有的全部复制到你的CSS里面，你考虑过CSS渲染的问题吗？对你没用的东西你为什么要写进去呢？写程序是一件很严谨的事情，你写的每一段代码你至少需要知道其含义是什么，原样复制连自己都弄不清楚是什么意思有想到会造成什么后果吗？

我还是建议你使用全局选择符来清除 *{margin:0padding:0}当进行此操作后，对其它的HTML标签没太大影响了，而且更加方便布局，因为不同浏览器对不同的标签margin和padding默认值是不同的。但是<p>标答除外，这也是需要注意的，当使用*{margin:0padding:0}后，还要恢复<p>标签的默认padding和margin（CSS：p{margin:autoheight:auto}），否则看不到段落效果，行间距没有效果。