关于CSS 格式化
CSS 格式化让样式表重新变得好读:主题自带的 style.min.css 里只想改一个颜色,想看看别的网站是怎么写布局的,或者接手的样式表经过好几个人修改,写法五花八门。把 CSS 贴进来或打开文件,格式化后的结果随输入实时出现,改起来不用在一长串代码里找来找去。要改颜色的话,颜色代码转换能给出 HEX、RGB、HSL 各种写法。
每条声明单独一行,冒号后面补一个空格,缩进可选 2 空格、4 空格或 Tab。@media、@supports、@layer 这类嵌套规则会多缩进一层,哪些样式属于哪个断点、哪个条件,一眼就能看清。注释全部保留,引号里的字符串,比如 content 的值和带引号的字体名,原样不动。改完要上线时,再用 CSS 压缩压回去。全部在浏览器里处理,样式表不会上传,页面加载后断网也能用。
CSS 格式化怎么用
- 1粘贴 CSS
粘贴样式代码,或打开本地的 CSS 文件。
- 2选缩进
选 2 空格、4 空格或 Tab,CSS 格式化结果实时更新。
- 3复制或下载
复制格式化后的 CSS,或下载成文件。
为什么用熊仔工匠
- 每条声明一行
每个属性单独一行,冒号后自动加空格。
- 嵌套规则分层
@media、@supports、@layer 里的规则多缩进一层。
- 注释、字符串不动
注释保留,引号里的内容原样不变。
- 本地运行
不上传、不占次数,页面加载后断网也能用。