本文介绍了一个基于 JavaScript 实现的在线工具,用于对 CSS 样式表进行格式整理与压缩。该工具提供代码运行、复制及保存功能,帮助开发者优化样式代码,减小文件体积并提升加载效率。
CSS 格式整理与压缩工具界面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>样式表(CSS) 格式整理与压缩</title> <style type="text/css"> html,body,form,fieldset,textarea { height:100%; margin:0; padding:0; border:0; font-size:10pt; background:#eee; } form { margin:0 1%; overflow:hidden; } legend { line-height:3em; font-weight:bolder; } button { float:left; margin:1% 1% 0 0; cursor:pointer; } textarea { width:100%; height:20em; border:1px solid #ccc; display:block; background:#fff; } </style> </head> <body> </body> </html>注意:若需引入外部 JavaScript 文件,操作后必须刷新页面方可生效。