头闻号

陈新军

工业用橡胶制品|生活日用橡胶制品|其他橡胶制品|橡胶加工|橡胶片|硅橡胶

首页 > 新闻中心 > 科技常识:css reset样式重置介绍 重置css样式工具分享
科技常识:css reset样式重置介绍 重置css样式工具分享
发布时间:2023-02-01 09:55:02        浏览次数:2        返回列表

今天小编跟大家讲解下有关css reset样式重置介绍 重置css样式工具分享 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css reset样式重置介绍 重置css样式工具分享 的相关资料,希望小伙伴们看了有所帮助。

最常用的CSS Reset:

复制代码代码如下:*{ margin:0; padding:0;}

通过遍历DOM树将内外边距重置为0 但从性能与功能上都还有所不足

介绍两个比较不错的Reset.css 分别来自雅虎YUI和Eric Meyer建议根据自己的项目精简

雅虎YUI 3.8.0 Reset.css

复制代码代码如下:html{ color:#000; background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0;}table { border-collapse:collapse; border-spacing:0;}fieldset,img { border:0;}address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}</p><p>ol,ul { list-style:none;}</p><p>caption,th { text-align:left;}h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}q:before,q:after { content:'';}abbr,acronym { border:0; font-variant:normal;}sup { vertical-align:text-top;}sub { vertical-align:text-bottom;}input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit;}input,textarea,select { *font-size:100%;}legend { color:#000;}#yui3-css-stamp.cssreset { display: none; }

Eric Meyer’s Reset CSS v2.0

复制代码代码如下:</p><p>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; font-size: 100%; font: inherit; vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;}在你的网页代码中引入这样的样式就可以使用了。

来源:爱蒂网