CSS樣式表是用來控制網頁樣式與排版的一種語言，而JSON是一種輕量級的數據格式，常用于應用程序之間的數據交換及存儲。有時，我們需要將網頁的CSS樣式轉換成JSON格式，以便于前端JS代碼調用。

下面是一個將CSS樣式轉成JSON格式的例子：

{
".box": {
"display": "block",
"width": "100px",
"height": "100px",
"background-color": "#000",
"color": "#fff",
"font-size": "14px"
},
".button": {
"display": "inline-block",
"padding": "5px 10px",
"background-color": "#ff0000",
"border": "none",
"font-size": "16px",
"color": "#fff"
}
}

上面的代碼表示有兩個CSS選擇器分別是.box和.button，它們的樣式屬性分別被轉成了JSON字符串。在JS代碼中，我們可以通過以下方式來讀取這些樣式：

var styles = JSON.parse(styleString);
var boxStyle = styles['.box'];
var buttonStyle = styles['.button'];

這樣，我們就可以在JS代碼中直接使用boxStyle和buttonStyle來設置相應元素的CSS樣式，無需再去查找CSS文檔。

值得注意的是，CSS樣式屬性在JSON中的表示方式略有差異。例如，CSS中的background-color要寫成backgroundColor，font-size要寫成fontSize等。另外，CSS中的屬性名和值之間使用的是冒號，而在JSON中是用的是冒號加上空格。

總之，CSS樣式轉JSON是一種比較實用的技巧，可以使JS代碼更加方便地調用網頁樣式，提高開發效率。