微信小程式開發文件 樣式基礎

2021-09-11 17:40:35 字數 1691 閱讀 6982

1. 尺寸寬:weight : *** rpx;       最小寬度 : min-weight : *** rpx;       最大寬度 : max-weight : *** rpx;

高:height : ***rpx;        最小高度 : min-height : *** rpx;       最大高度 : max-height : *** rpx;

2. 背景

背景顏色:background-color:          背景:background-image:              背景重疊方式:background-repeat:

3.邊框

邊框圓滑程度:border-radius:         邊框顏色:border-color:          邊框樣式:border-style:

簡寫:border:

4.邊距

內邊距:padding : ***rpx;          外邊距:margin : ***rpx;

5.文字

顏色:color      字型大小:font-size : ***px;       字型粗細:font-weight : ***;       字型格式 :font-style

1.基本選擇器(什麼是選擇器:即選擇讓哪個部分發生變化)

1.類選擇器(選擇class屬性內容和「.」後main的名稱一致)

2. id選擇器(選擇id屬性內容和「#」後main的名稱一致)

3.元素選擇器(直接用元素名稱+「{}」 即可)

4.萬用字元選擇器 (暫時實現不了)

5.包含選擇器 (用外標籤控制包含的標籤的樣式)

6.子元素選擇器(只包含下乙個,再包含的顯示不了)

7.鄰近兄弟元素選擇器(暫時實現不了)

8.通用兄弟元素選擇器 (暫時實現不了)

2.屬性選擇器(暫實現不了)

1.擁有 bindtap="bindviewtap" 的 view 實現某種樣式

3.偽類選擇器

微信小程式開發文件 畫布

canvas 屬性名型別預設值 說明canvas id string canvas 元件的唯一識別符號 disable scroll boolean false 當在 canvas 中移動時且有繫結手勢事件時,禁止螢幕滾動以及下拉重新整理 bindtouchstart eventhandle 手指觸...

微信小程式怎麼開發 小程式開發文件

2.建立專案 我們需要通過開發者工具,來完成小程式建立和 編輯。3.編寫 建立小程式例項 建立頁面 每乙個小程式頁面是由同路徑下同名的四個不同字尾檔案的組成,如 index.js index.wxml index.wxss index.json。js字尾的檔案是指令碼檔案,json字尾的檔案是配置檔...

WXSS 微信開發文件

wxss weixin style sheets 是一套樣式語言,用於描述 wxml 的元件樣式。wxss 用來決定 wxml 的元件應該怎麼顯示。與 css 相比,wxss 擴充套件的特性有 裝置rpx換算px 螢幕寬度 750 px換算rpx 750 螢幕寬度 iphone5 1rpx 0.42...