滚天在线
分享互联网,分享快乐!www.Gonten.com

css       为什么要重置呢?因为不同的浏览器对CSS的解析不同,比如UL标签默认是有padding间距的,但是在有些浏览器下却没有,这时候我们最好是将CSS里的UL标签设置为padding:0px; 这样在任何浏览器下,UL标签都会没有padding间距了,而如果需要间距的话,直接在相应标签的CSS上重定义UL的padding,大家都知道,相同的CSS定义,浏览器会执行后面的CSS,这样就可以设置UL的padding了。

       除了UL标签外,还有很多标签在不同浏览器下解析是不一样的,所以我们最好是先将它们重置,以免导致一些低级的兼容性问题。网上有很多的CSS重置代码,我精选了一下代码:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td {margin:0;padding:0;}/* 常用标签内外间距 */
 h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}/* h1-h6 字体定义 */
 table{border-collapse:collapse; border-spacing:0;}/* table 间距与重合 */
 caption,cite,em,strong,th {font-style:normal; font-weight:normal;} /* 字体定义 */
 caption, th {text-align:left;}/* 文本对齐方式 */
 fieldset, img {border:0;} /* 边框 */
 img {vertical-align:top;} /* 解决ie6下边间距bug */
 ul,ol,li {list-style:none;}
 input,button,select {color:#000; font:100% arial; vertical-align:middle; overflow:visible;}/* 解决表单元素与文本的对齐问题 */
 select {height:20px; line-height:20px;}

 /*===链接====*/
 a:link{ color:#0054b4; text-decoration:none;}/* 未访问的链接 */
 a:visited{color:#0054b4; text-decoration:none;}/* 已访问的链接 */
 a:hover{color:#f00; text-decoration:underline;}/* 鼠标放上去的链接 */
 a:active{ color:#999;}/* 激活链接 */

相关文章

本文地址:http://www.gonten.com/css-reset/ 转载请务必以超链接形式注明!