为什么要初始化CSS样式?
  语法自然 2023年06月25日 154 0

‐ 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
‐ 当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。
最简单的初始化方法: * {padding: 0; margin: 0;} (强烈不建议)
淘宝的样式初始化代码:

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; }
最后一次编辑于 2023年06月25日 0

暂无评论