CSS压缩混淆 / 格式化 / 美化

CSS压缩混淆 / 格式化 / 美化工具 @charset "utf-8"; /* CSS Document */ *{margin:0; padding:0; font-family:"Microsoft YaHei UI"; font-size:14px; color:#444;} img{border:none;} li {list-style:none;} a{text-decoration:none} #wrap{ width:960px; margin:0 auto;} #head, #mainbody, #foot{ width:100%;} /*表单控件样式 start*/ .tarea { margin-left:20px; width:90%; height:220px; border:1px solid #e6e6e6; margin-bottom:12px; box-shadow:inset 1px 1px 1px #eee; padding:4px; border-radius:2px; line-height:18px; color:#CCC; font-size:12px;} .tarea-on{color:#000;} textarea{ overflow:auto; vertical-align:top;} .sbtn{ cursor:pointer; display: inline-block; vertical-align:middle;height:27px; line-height:27px; padding:0 12px; border-radius:2px; border:1px solid #ddd; text-align:center;} /*表单控件样式 end*/ .subbtn { margin-left:50px; margin-bottom:10px;} .center h2{ margin-left:30px;} .sitetip{ margin-bottom:12px;}

CSS压缩混淆 / 格式化 / 美化工具 贴入要格式化或压缩的CSS代码： 格式化或压缩的CSS代码 转换后的css代码： /** * css 压缩 格式化 */ var CSSCoder = { format: function (s) {//格式化 s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1"); s = s.replace(/;\s*;/g, ";"); s = s.replace(/\,[\s\.\#\d]*{/g, "{"); s = s.replace(/([^\s])\{([^\s])/g, "$1 {\n\t$2"); s = s.replace(/([^\s])\}([^\n]*)/g, "$1\n}\n$2"); s = s.replace(/([^\s]);([^\s\}])/g, "$1;\n\t$2"); return s; }, packAdv: function (s) {//高级压缩 s = s.replace(/\/\*(.|\n)*?\*\//g, ""); s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1"); s = s.replace(/\,[\s\.\#\d]*\{/g, "{"); s = s.replace(/;\s*;/g, ";"); s = s.match(/^\s*(\S+(\s+\S+)*)\s*$/); return (s == null) ? "" : s[1]; }, pack: function (s) {//普通压缩 s = s.replace(/\/\*(.|\n)*?\*\//g, ""); s = s.replace(/\s*([\{\}\:\;\,])\s*/g, "$1"); s = s.replace(/\,[\s\.\#\d]*\{/g, "{"); s = s.replace(/;\s*;/g, ";"); s = s.replace(/;\s*}/g, "}"); s = s.replace(/([^\s])\{([^\s])/g, "$1{$2"); s = s.replace(/([^\s])\}([^\n]s*)/g, "$1}\n$2"); return s; } }; function CSS(s) { document.getElementById("packer").value = CSSCoder[s](document.getElementById("code").value); }

界面显示如下图所示

CSS压缩混淆 / 格式化 / 美化

CSS压缩混淆 / 格式化 / 美化工具

贴入要格式化或压缩的CSS代码：

转换后的css代码：

Articles Liés