CSS樣式表是網頁設計中重要的一環。隨著小程序的流行，轉換CSS樣式表為WXSS樣式表也成為了常見的需求。下面我們將介紹如何將CSS樣式表轉換為WXSS樣式表。

/* CSS樣式表 */
body {
background-color: blue;
font-size: 16px;
}
h1 {
color: white;
font-size: 20px;
}
.button {
display: inline-block;
padding: 10px;
border-radius: 5px;
background-color: green;
color: white;
}

首先，打開你的CSS樣式表，在每個CSS屬性前添加一個“-webkit-”前綴。這是因為小程序使用的是基于webkit內核的webview。我們需要使用這個前綴來確保樣式在小程序中正常工作。

/* CSS樣式表轉換成WXSS樣式表 */
body {
-webkit-background-color: blue;
font-size: 16px;
}
h1 {
-webkit-color: white;
font-size: 20px;
}
.button {
display: inline-block;
padding: 10px;
border-radius: 5px;
-webkit-background-color: green;
color: white;
}

接下來，將樣式表導入到小程序中。將CSS樣式表重命名為按鈕.wxss，然后在小程序config.json文件中的pages數組中的元素添加如下代碼，并將按鈕.wxss文件放在對應的目錄中：

"pages": [
{
"pagePath": "pages/index/index",
"navigationBarTitleText": "首頁",
"usingComponents": {},
"style": "button.wxss"
}
],

通過這些步驟，我們已經成功將CSS樣式表轉換為WXSS樣式表?，F在我們可以在小程序中愉快地使用它了！