普通CSS样式名称编辑器
滑动屏幕查看右边其他区域，有三个页面
CSS复制分析区;允许生成可视化预览
布局属性
宽度
width
高度
height
显示模式
display
定位
position
外边距
margin
内边距
padding
浮动
float
清除浮动
clear
颜色与背景
文字颜色
color
背景色
bg-color
背景图
bg-image
背景位置
bg-position
背景重复
bg-repeat
背景尺寸
bg-size
透明度
opacity
阴影
shadow
文本属性
字体
font-family
字号
font-size
字重
font-weight
行高
line-height
对齐
text-align
装饰
text-decoration
转换
text-transform
字间距
letter-spacing
分析CSS结构→
清空编辑器
切换中/英文
CSS结构分析
使用指南
如何构建CSS规则
1. 点击上方属性按钮添加CSS属性
2. 将"你的结构名称ID"替换为您的实际选择器
3. 点击"分析CSS结构"获取专业分析
4. 如果包含HTML结构，会自动生成可视化预览
5. 可视化结构有两个，这属于bug，如果只单独分析CSS请直接以ID名称开头而不是“〈style〉”开始复制进去
6.点击样式按键可以自动生成对应的样式结构，只允许基础的设定而已
属性参考
CSS属性说明
• 点击属性按钮查看详细说明
• 每个属性都有标准语法和示例值
• 分析结果会显示属性验证和建议
• 支持HTML结构可视化预览
•下面的错误显示不用管，因为是瞎🐔扒计算的，未加入换行识别，无法保证用户本来输入正确的就被这智障系统乱识别成错误了
完整HTML可视化预览
可视化区域只允许生成HTML完整代码，CSS或单个结构或其他文字等乱的东西无法生成可视化
应用
取消