以下內容均為個人理解，主要用於備忘
—–前言即廢話篇——-
微信小程式的程式碼和網頁程式設計非常相似，兩者都有JS、JSON檔案，同時WXML=>HTML，WXSS=>CSS。
附上兩條連結：w3school關於CSS的完整教程，w3school關於HTML的完整教程。
因為相似，所以熟悉網頁程式設計的就能夠很快上手小程式的編寫。

1. width：元件寬度。百分比情況下會對父元件的總寬度進行百分比換算。單位：1px=2rpx（rpx可以在不同螢幕尺寸的裝置上都能儘量保持一樣的比例大小。px則不行）%，hv。

2. height：元件高度。同上。

3. background-color：所有元件都可以設定背景顏色，就算是text也可以，不過如果沒有設定寬高度，就沒有辦法渲染顏色。變數取值：rgb(a,b,c)（a,b,c取值0~255）；#000000~ffffff（十六進位制取色），RED/BLUE/PINK（英文單詞對應的各種顏色）

4. display：元件內的元素顯示方式。通常設定為flex，使元素更加靈活。

5. flex-direction：設定為flex後，可以使用該屬性。column為列排序；row為行排序。

6. align-items：各元素在盒子內的位置。center居中，flex-start居首，flex-end居尾。

7. justify-content：元素周圍留白的方式。space-around各元素周圍留白。space-between元素與元素之間留白。center元素居中（該屬性很厲害）在這裡居中的話，align-items就會被遮蔽。

8. position：規定該元素/盒子定位方式。relative相對定位-以上一層盒子的左上角為(0,0)，absolute絕對定位-以整個頁面的左上角為(0,0)。fixed黏著定位-以整個頁面的左上角為(0,0)，不會隨著螢幕的滾動而改變位置，懸浮窗、懸浮按鈕之類的就是這樣做的。

9. left、right、top、bottom：距離左、由、上、下盒子的距離，用來具體定位元素在盒子裡的位置。單位同width。hv似乎不適用，我沒有嘗試過。設定left的時候就沒有必要設定right，因為你只需要讓該元件距離left多少，而並不需要知道它距離right多少，同理top、bottom。

10. ：設定該元素/盒子的層次順序，變數取數字0~無窮大，類似ps中的圖層順序。越大的排在檢視的前面，低階的會被高階的遮擋住。懸浮窗、懸浮元件的實現同樣需要將順序設定為全域性中最高的。

11. padding：變數取值： a b c d 。分別代表該元素距離所在盒子的左、上、右、下的內邊距距離。也可padding-left/right/top/bottom：a 。具體規定某個方向的內邊距距離。

12. margin：設定外邊距。變數取值、具體設定、用法同上。

13. border-radius：變數取值：a b c d。代表左上、右上、右下、左下角的圓角框的半徑。不設定的情況下為0，即該元素/元件為方角。如果只賦值a，則a=b=c=d。單位px、rpx。PS一句複雜定義：如果省略左下角，右上角是相同的。如果省略右下角，左上角是相同的。如果省略右上角，左上角是相同的（官方定義，基本廢話難以理解所以可以忽略，因為你完全可以 a 0 b 0這樣去賦值，很方便）

14. border：設定元素/盒子的邊框樣式。變數取值：a b c。a-邊框寬度，b-邊框樣式,c-邊框顏色。border是統一設定四個邊框（左右上下）的屬性，而border-left/right/top/bottom是具體規定某個邊框的樣式。PS很重要：如何在螢幕上畫一條線？？申請一個view，屬性設定為border-bottom/left:a b c。bottom為橫線，left為豎線。a為線的粗細，b為樣式，c為顏色。bottom的時候該view的width要設定為你想要的線的長度；而left的時候該view的height要設定為你想要的線的高度。如果不設定width/height的話，則會繼承父容器的width/height。

15. opacity：元素的不透明級別，取值0.0~1.0，對應完全透明~完全不透明。運用：opacity+positio+z-index去規定一個view容器，就可以做螢幕上的遮罩層，再用background-color+width+height，去規定容器的顏色、大小。

16. font：設定字型屬性，所有的元件中只要含有字型元素都可以使用該屬性，比如input、button、view等等。常用四種：font-size:大小;color:顏色;font-style:字型樣式;font-width:字型粗細。

17. line-height：常用於button中，設定按鈕內字型的高度。

18. 。。。。未完待續

以上就是個人在實習期間入坑小程式經手的專案訓練中總結出來的，CSS屬性非常非常非常多，列舉的17條屬性是專案編寫過程中出場率90%以上的，不同屬性之間的聯合就可以變幻出非常華麗的頁面，不過這就需要對CSS有一定掌握才能實現的吧。內容參考了很多CSDN前輩的技巧。

喜歡的點贊留言，不足或者表達不明確的歡迎提問！

日後有空，再來補充