css样式重置问题

html-css025

css样式重置问题,第1张

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

(文章来源于：玉溪无痛人流因为各种浏览器的算法不一样，从而导致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渲染的问题吗？对你没用的东西你为什么要写进去呢？写程序是一件很严谨的事情，你写的每一段代码你至少需要知道其含义是什么，原样复制连自己都弄不清楚是什么意思有想到会造成什么后果吗？

不同的浏览器在对于CSS没有定义的一些样式属性是不一样的，

比如没有在自己的CSS里面规定超链接有没有下划线的时候，有些浏览器有，有些浏览器没有；

再比如有一些浏览器规定的超链接默认颜色是蓝色，有一些又是黑色。

而这个CSS的功能就是对几乎所有的默认样式进行重置，让所有的浏览器上对于未定义的样式浏览效果达到一致

（虽然说无法完全一致，但至少可以消除掉大部分差距）

当然如果你自己的CSS已经对默认样式进行了重置，不使用它也是可以的。