CSS的初始化文件,是为了在不同的浏览器中保证页面的基本布局和样式一致性而引入的一个文件。在html的head部分加入样式重置文件后,就可以摆脱默认样式的影响,将网页的样式规划得更加合理、统一。
/* reset all styles */ 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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* float clear */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} * html .clearfix {height: 1%; } /* Hides from IE-mac */ /* basic html tag styles */ body { font: 13px/1.6 Arial, Helvetica, sans-serif; color: #333333; background-color: #F8F8F8; line-height: 1.6; }
上述代码是一个最基础的CSS初始化文件,它初始化了所有HTML元素的外边距、内边距、边框、字体等属性。并且对一些兼容性问题进行了特殊处理,在某些老版本浏览器下也能正常显示。随着浏览器的发展,也会有不同的初始化文件,可根据项目要求进行调整和选择。