小程序中WXSS樣式的使用，與網頁前端的CSS基本一致，我們可以通過對CSS的學習來掌握小程序視圖樣式的編寫。

這里共享一些常用的CSS樣式，供備忘查詢用；
如有補充，歡迎各位看官留言！

★ width/height：分別代表視圖的寬度/高度，常用的單位有px、rpx和%，自適應屏幕寬高或父對象寬高可以用100%表示。
★ font-size：字體大小，如font-size:16px。
★ color：字體顏色，接受十六進制顏色或顏色名，例如#FFFFFF、white等。
★ text-align：文本水平對齊方式，常用值有left、center、right。
★ line-height：設置文本行高，當單行文本的行高等于屏幕或父對象高度時，文本為垂直居中。
★ background：背景顏色，一般填寫十六進制顏色或顏色名。
★ border-style：邊框樣式，值可以為none、solid、dotted、double等，分別表示無邊框、實線、點狀線、雙線。
★ border-width：邊框寬度，通常用以表示邊框寬度，與width類似。
★ border-radius：邊框圓角，常用單位px、em等，如border-radius:10px。
★ margin：組件的外邊距，margin:20px指外邊距均為20px，margin:20px,40px,20px,40px指上右下左（順時針順序）邊距分別為20、40、20、40像素，margin-top:20px則特指上邊距為20px。
★ position：定位組件位置，常用值有fixed、relative、static等。
★ overflow：定義內容溢出邊框的處理方式，值有visible（默認，內容無視邊框全部可見）、hidden（超過邊框部分被剪切）、scroll（始終添加滾動條）、auto（自動模式，若內容超過邊框則出現滾動條）。
★ letter-spacing：字間距，適用于定義英文字母之間或漢字之間的距離。
★ word-spacing：用于定義英文單詞之間的距離，對中文無效。
★ display：常用值有none（不可見）、block（可見）、flex（多欄多列），WXML中還可以用<view hidden=’’>來定義元素是否可見，hidden值為空時可見，值不為空時不可見。
★ flex-direction：值有row和column，分別表示flex容器水平分布或垂直分布。

查看原文更多詳細資料，歡迎關注公眾號【一人從零開發小應用】（或搜索微信號：xiaochengxu1038）：