CSS格式化/压缩工具 - 在线CSS格式化和CSS压缩

CSS格式化/压缩工具,选择CSS代码缩进长度,上传或输入CSS字符串,一键完成CSS格式化和CSS压缩,支持CSS语法高亮和全屏显示。

场景一:请选择CSS格式化的代码缩进长度。
请上传或输入CSS字符串:
  操作文档

一、CSS语法介绍

  • CSS 的英文全称:Cascading Style Sheets,中文是层叠样式表,它是一种结构化文档,主要用于网页开发,定义如何显示html元素,通常存储在样式表中,文件扩展名为.css。


1.1、CSS语法规则

CSS语法由选择器和声明组成,每一条声明由一个属性和属性值组成,使用冒号 “:” 隔开,分号 “;” 结尾,CSS语法示例:

p {
    color: red;
    text-align: center;
    font-size: 13px;
}


1.2、CSS代码注释

CSS注释用来解释代码,使用 /* */ 实现,浏览器会自动忽略,CSS注释示例:

p {
  color: red;
  text-align: center;
  /*段落字体设置为红色,居中显示*/
}


二、CSS格式化/压缩工具操作方式

  • CSS格式化/压缩在线工具,主要用于在线对CSS代码进行格式化和压缩操作,特色是支持文件上传下载,您也可以直接在线编辑CSS代码,CSS代码支持语法检测、CSS代码自动补全和高亮显示。


2.1、CSS格式化/压缩工具示例

首先,选择代码缩进长度,然后,上传或输入任意有效的CSS文档,点击开始CSS格式化/压缩即可,CSS压缩示例:

p{color:red;text-align:center}