🎨 CSS重置生成器

中文 EN
← 返回工具首页

⚙️ 选择模式

✅ Normalize（推荐）
保留有用默认样式，修正不一致
💪 Hard Reset
全部归零，从零构建

📋 选择选项

box-sizing: border-box
全局使用border-box盒模型，padding和border包含在宽度内
边距重置
重置所有元素的 margin 和 padding 为 0
列表样式重置
移除 ul/ol 的 list-style
链接下划线
移除 a 标签默认下划线
图片响应式
img 设置 max-width:100% 和 height:auto
表单字体继承
input/textarea/select/button 继承 body 字体
按钮重置
移除 button 默认边框和背景
表格边框合并
table 设置 border-collapse:collapse
标题字体大小
h1-h6 字体大小和行高重置
平滑滚动
html 设置 scroll-behavior:smooth

💡 了解CSS Reset

什么是CSS Reset？

一组CSS规则，用于消除浏览器默认样式的差异，确保跨浏览器一致性

Normalize vs Hard Reset

Normalize保留有用默认值，Hard Reset全部归零。推荐团队项目用Normalize

现代最佳实践

box-sizing:border-box + 边距重置 是现代CSS开发的标配

知名方案

Eric Meyer Reset、Normalize.css、sanitize.css 是业界知名的CSS重置方案