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