淘宝常用 CSS 样式初始化代码

这段代码本质上是一份常见的 CSS 初始化样式，作用是把浏览器默认样式尽量拉到同一条起跑线上。不同浏览器对标题、段落、表格、表单控件的默认表现并不完全一致，先做一次统一处理，后面的页面布局和组件样式会稳定很多。

这份初始化都做了什么

• 把大多数常见标签的 margin 和 padding 清零，避免默认间距干扰布局。
• 统一表单和正文文字的字体及行高，让输入框、按钮、文本内容看起来一致。
• 将标题字号重置为普通比例，避免不同级别标题自带的浏览器默认大小影响设计稿。
• 去掉 em、cite、var 这些标签的默认斜体效果，方便统一控制语义和视觉表现。
• 清除列表符号、链接下划线、图片边框等浏览器默认装饰。
• 处理表格边框折叠，减少表格样式在不同浏览器里的细碎差异。

实际使用时要注意

这类初始化代码通常适合放在项目的基础样式层，越早加载越好。它的目标不是'美化'，而是'归一化'——先把浏览器默认差异抹平，再去写业务样式，心里会踏实很多。

不过也别把它当成万能模板直接照搬。不同项目的设计风格不一样，比如有些团队会保留部分表单控件的原生外观，有些则会基于现代化的 reset 或 normalize 方案做二次调整。最稳妥的做法，是根据实际项目对表单、表格和排版的要求稍作修订，而不是机械套用。

一个小提醒

像这类初始化样式看起来很短，但它常常决定了页面后续样式是否'干净'。如果基础层没处理好，后面你会不断碰到一些莫名其妙的间距、字体或边框问题，排查起来很费时间。把底层打稳，页面开发会顺很多。