📖 CSS格式化工具使用说明
什么是CSS？
CSS（Cascading Style Sheets，层叠样式表）是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
主要功能
- 格式化：美化CSS代码，添加缩进和换行
- 压缩：移除所有空白字符，减小文件大小
- 复制：一键复制格式化后的CSS
- 下载：将CSS保存为文件
使用方法
- 格式化：粘贴CSS代码到左侧，点击"格式化"按钮
- 压缩：点击"压缩"按钮移除所有空白
- 复制：点击"复制结果"按钮复制右侧内容
- 下载：点击"下载"按钮保存为CSS文件
CSS基本语法
- 选择器：
selector { property: value; }
- 注释：
/* 这是注释 */
- ID选择器：
#id { }
- 类选择器：
.class { }
- 伪类：
:hover、:active等
CSS应用场景
- 网页设计：控制页面布局、颜色、字体等
- 响应式设计：使用媒体查询适配不同设备
- 动画效果：CSS3动画和过渡效果
- 打印样式：专门为打印优化的样式
CSS选择器类型
- 元素选择器：
div { }
- ID选择器：
#header { }
- 类选择器：
.container { }
- 属性选择器：
[type="text"] { }
- 后代选择器：
div p { }
- 子选择器：
div > p { }
CSS3新特性
- 圆角：
border-radius
- 阴影：
box-shadow、text-shadow
- 渐变：
linear-gradient、radial-gradient
- 动画：
animation、transition
- 弹性布局：
flexbox
- 网格布局：
grid
CSS优化建议
- 压缩CSS文件以提高加载速度
- 合并多个CSS文件减少HTTP请求
- 使用CSS预处理器（Sass、Less）
- 避免使用过深的选择器嵌套
- 使用CSS变量提高可维护性
注意事项
- 格式化会保留所有CSS规则和注释
- 压缩会移除注释以减小文件大小
- 所有操作在浏览器本地完成，数据不会上传
- 支持CSS3最新语法