标签云生成器 - 输入词语频率生成CSS

在页面顶部的"添加词语"区域，输入一个词语或标签名称，然后通过滑块或输入框设置其权重值。权重范围为1（最小）到10（最大），权重越高的词语在标签云中显示的字体越大。点击添加按钮将词语加入列表。可以重复此步骤添加多个词语。如果不方便手动输入，可以点击"加载示例数据"按钮快速填入预设的词语和权重。

在"词语列表"区域可以查看所有已添加的词语及其权重值。如果想让标签云的排列顺序更加自然，可以点击"随机排列"按钮打乱标签的显示顺序。不需要的词语可以逐个删除，也可以点击"清空全部"清除所有词语重新开始。

在"外观设置"区域调节标签云的视觉参数。最小字体和最大字体决定了权重最低和最高标签的字号大小，差距越大视觉层次越明显（建议20到40px差距）。标签间距控制标签之间的间隔（建议8到14px）。圆角大小让标签更加柔和（推荐15到25px）。每次调整都会即时反映在预览区域。

在"配色方案"区域点击不同的颜色块切换配色风格。每种配色方案包含3到8种颜色，会按照权重级别分配给对应的标签，形成丰富的视觉层次。还可以设置预览区的背景颜色，确保标签文字在背景上清晰可读。建议选择与网站整体色调协调的配色。

在"实时预览"区域查看标签云的最终效果。鼠标悬停在标签上可以预览hover放大效果。如果效果不满意，可以随时返回修改词语权重、外观参数或配色方案。建议从不同角度（字号对比、颜色层次、间距舒适度）综合评估标签云的美观度。

在"生成代码"区域，选择导出模式：HTML模式生成结构和样式代码，仅CSS模式只生成样式定义，全部模式生成完整代码。点击"复制"按钮将代码复制到剪贴板，然后粘贴到您网页的相应位置。还可以点击"导出HTML"按钮下载独立的HTML文件预览效果。