CSS 美化

CSS 美化

该工具美化 CSS 代码，添加适当的缩进、换行和一致的格式。粘贴压缩或格式不佳的 CSS，即可获取干净、可读的输出。

操作在浏览器中本地运行。您的数据不会上传或存储在服务器上。

使用方法

1. 将 CSS 代码粘贴到输入编辑器中。
2. 点击美化 CSS来清理代码。
3. 美化后的 CSS 将以适当的缩进显示在输出编辑器中。
4. 使用复制复制到剪贴板，下载保存文件，或清除重置。

什么是 CSS 美化？

CSS 美化为 CSS 代码添加缩进和换行，使其易于阅读。压缩的 CSS 移除了所有空白字符以减小文件大小，但难以阅读和调试。

美化 CSS 对于调试样式、查看框架和与其他开发者协作至关重要。

输入说明

该工具接受任何 CSS 输入。美化器保留所有样式和选择器——只改变空白和缩进以提高可读性。

示例

压缩的 CSS 美化后变得可读：

--- Minified Input ---
body{margin:0;padding:0;font-size:16px;}.container{max-width:1200px;}

--- Beautified Output ---
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.container {
  max-width: 1200px;
}

MCP 集成

MCP（Model Context Protocol，模型上下文协议）让 AI 代理和应用可以发现并调用 Coding.Tools 工具，用于可重复的转换、格式化、哈希和生成工作流。

MCP 工具名: css-beautifier

MCP 端点: https://coding.tools/mcp

请先调用 tools/list。每个工具条目都会包含 inputSchema、outputSchema 和 examples，AI 代理或客户端可以据此生成合法参数，不需要猜。

调用 tools/call 后，result.content[0].text 是展示用结果，result.structuredContent 是适合程序解析的结构化结果。工具级失败会返回 isError: true；协议级失败会返回 JSON-RPC error。

tools/call 请求示例：

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"css-beautifier","arguments":{"input":".button{color:white;background:#3366cc;padding:8px 12px;}"}}}'

大多数文本和数据工具接收 input 字符串以及可选的 options。只依赖浏览器图片 API 的图片工具会用于发现，并在需要浏览器能力时返回网页入口。