咕噜工具箱
浮生皆可解
首页
测评中心
咕噜树洞
预算格子
官网
前端开发
CSS压缩
在线CSS代码压缩与格式化工具
⚙️ 压缩设置
压缩级别
普通压缩
深度压缩
✓
移除注释
合并选择器
🗜️ 压缩代码
📝 格式化
📊 压缩统计
原始大小
607 B
压缩后
0 B
压缩率
100.0%
CSS 代码编辑器
输入 CSS
/* 示例CSS */ .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px; } .header { background-color: #ffffff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .header .title { font-size: 24px; font-weight: bold; color: #333333; } .button { display: inline-block; padding: 10px 20px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border: none; border-radius: 6px; cursor: pointer; transition: all 0.3s ease; } .button:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); }
输出结果
复制结果