wxss解析

一、概述

　　wxss是樣式語言，用於描述wxml組件樣式；

　　在css基礎上擴展而來：

　　　　1、尺寸單位： rpx， rem

　　　　2、支持樣式導入 @import語句導入外聯樣式表

　　note：  微信小程序一般使用iphone6 來視覺稿的標准；

二、選擇器

　　rpx: 規定屏幕寬為750rpx

　　rem：規定屏幕寬度為20rem

　　樣式之高度：height

　　樣式之寬度: width

　　樣式之內間距: padding

　　樣式之外間距：margin

　　樣式之邊框: border

　　樣式之字體顏色: color

<view class="container">
    <button id="swiperbutton" type="default">測試 </button>
    <view style="border:1px solid:" > </view>
</view>

//id選擇器
#swiperbutton{
    margin: 0px
}

.text {
    border: 1px solid red;  //邊框
    //boder-left, border-right, border-top, border-buttom
    //height: 100rpx;
    height: 10rem;
    width: 750rpx-20 * 2 rpx;
    //padding   #內容與邊框的間距
    //margin    #邊框之外的間距
}