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;
     750rpx-20 * 2 rpx;
    //padding   #内容与边框的间距
    //margin    #边框之外的间距
}