几个CSS重置默认样式reset.css代码
因为各大浏览器存在兼容性问题,同一个CSS属性在不同浏览器下的表现不一定相同,有经验的前端设计者都会自定义一个重置浏览器默认样式的CSS文件,在这个文件中定义一些针对不同浏览器最终表现一致的代码,大家最为熟悉的也许就是*{margin:0 0}了,其实这是最简单照顾兼容性的代码,一般情况下,仅有这个是不够的,笔者收集了几个前端设计网站使用的reset.css代码,为您做参考,你可复制这些代码保存为reset.css文件,在每个页面中引入即可。
CSS重置浏览器样式代码一:
body,ul,li,p,h1,h2,h3,h4,h5,h6,img,br,hr,table,tr,td,dl,dt,dd,form { margin: 0; padding: 0; } body { font-family: Arial,"微软雅黑"; font-size: 12px; color: #434343; } .clear { clear: both; font-size: 0px; } ul,li { list-style: none; } img { border: none; } /*一般链接*/ a { text-decoration: none; color: #555; } a: hover { color: #3366ff; }
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, font, 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 { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; font-size: 100%; font: inherit; -webkit-text-size-adjust: none; } body { line-height: 1; } table { border-collapse: collapse; border-spacing: 0; } object, :focus { outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section /* HTML 5 */ { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a img { border: none; } input,button,textarea,select,optgroup,option{ font-size: 100%; font: inherit; } .al { text-align: left; } .ar { text-align: right; } .ac { text-align: center; } .lc { margin: 0 auto; } .fl, .il .fl { float: left; } .fr, .il .fr { float: right; } .fc, .il .fc { float: none; clear: both; } .rel { position: relative; } .abs { position: absolute; } .il { list-style: none; } .il li { float: left; }
CSS重置浏览器代码三:来自Eric Meyer网站:
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } : focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote: before, blockquote: after, q: before, q: after { content: ""; } blockquote, q { quotes: "" ""; }
如果你确定用不上代码中对某一选择器的定义,可以删除掉。
一、推荐使用迅雷或快车等多线程下载软件下载本站资源。
二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。
三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!
四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.
五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。
六、如需转载本站资源,请注明转载来自并附带链接
七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com
大家评论
站长推荐