为什么要初始化CSS样式?因为浏览器的兼容性,每个浏览器设计时都有自己的特性,因此在解析标签的时候就产生一些差异,因此显示页面的时候就会出现微小的差异。常见的初始化如下:
本人常用的常见初始化如下:
body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { padding:0; margin:0; } ol, ul { list-style:none; } a { text-decoration:none; } a:hover { text-decoration:underline; } fieldset, img { border:0; } h1, h2, h3, h4, h5, h6{ font-size:100%; } button, input, select, textarea { font-size:100%; }
淘宝的样式初始化如下:
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; } h1, h2, h3, h4, h5, h6{ font-size:100%; } address, cite, dfn, em, var { font-style:normal; } code, kbd, pre, samp { font-family:couriernew, courier, monospace; } small{ font-size:12px; } ul, ol { list-style:none; } a { text-decoration:none; } a:hover { text-decoration:underline; } sup { vertical-align:text-top; } sub{ vertical-align:text-bottom; } legend { color:#000; } fieldset, img { border:0; } button, input, select, textarea { font-size:100%; } table { border-collapse:collapse; border-spacing:0; }
Atas ialah kandungan terperinci CSS样式为什么要初始化?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!