CSS樣式表是網頁設計中的一個非常重要的元素，它可以為網頁添加各種各樣的效果，如字體、顏色、邊框、背景等等。在使用CSS樣式表時，我們通常會將其寫在一個CSS文件中，然后通過在HTML文件中引入該CSS文件來使用其中的樣式規則。但是，有時我們可能需要在線編輯CSS文件，或者查看某個CSS文件中的內容，這時候就需要用到CSS文件在線解壓了。

CSS文件在線解壓是指將CSS文件中壓縮后的代碼解壓還原成人類可讀的樣式規則。這在調試CSS文件或查看CSS文件中的內容時非常有用。通常情況下，我們可以使用專門的解壓工具進行解壓，比如Google Chrome瀏覽器中提供的“開發者工具”或者一些第三方在線解壓工具，不過這些工具可能需要安裝插件或者進行繁瑣的操作。

/*這里是原始的壓縮后的CSS代碼*/
body{background-color:#000;color:#fff;margin:0;}
.box{width:100%;max-width:1024px;margin:0 auto;padding:10px;}
.title{font-size:24px;text-align:center;}

為了方便用戶在線解壓CSS文件，我們也可以為網站添加CSS文件在線解壓功能。下面是使用JavaScript編寫的CSS文件在線解壓函數。

function cssUncompress(css) {
css = css.replace(/\s+/g, " "); // 將多個空格合并為一個空格
css = css.replace(/\{\s+/g, "{"); // 將左花括號后面的空格去掉
css = css.replace(/\;\s+/g, ";"); // 將分號后面的空格去掉
css = css.replace(/\}\s+/g, "}\n"); // 將右花括號后面增加一個換行符
return css;
}

使用該函數解壓后的CSS樣式表如下所示。

/*這里是解壓后的樣式表*/
body {
background-color: #000;
color: #fff;
margin: 0;
}
.box {
width: 100%;
max-width: 1024px;
margin: 0 auto;
padding: 10px;
}
.title {
font-size: 24px;
text-align: center;
}

通過CSS文件在線解壓，我們可以更方便地編輯和查看CSS文件中的內容，提高我們的工作效率。