对于以前搞客户端开发的来说，有着客户端的逻辑，就是不知道怎么设置样式，把对应的控件显示出来
一、wxml
界面结构wxmL比较容易理解，主要是由八大类基础组件构成：
| 设备 | rpx换算px (屏幕宽度/750) | px换算rpx (750/屏幕宽度) |
| iPhone5 | 1rpx = 0.42px | 1px = 2.34rpx |
| iPhone6 | 1rpx = 0.5px | 1px = 2rpx |
| iPhone6s | 1rpx = 0.552px | 1px = 1.81rpx |
2.样式导入
可以使用@import语句来导入外联样式表，其后面跟需要导入外联样式表的相对路径，并以分号结束。
例如：
/** other.wxss **/
.appText{
margin:10px;
}
/** app.wxss **/
@import "other.wxss";
.content_text:{
margin:15px;
}
app.wxss是全局样式，作用于每一个页面，而page下的每一个的wxss文件只作用于当前页面，并对全局样式中的相同属性会覆盖。
对于微信小程序wxss样式的使用来说，其实大部分都和css样式一致，下面简单的进行介绍一下：
| 十一、wxss 选择器 | ||
| 选择器 | 样例 | 样例描述 |
| .class(类选择器) | .intro | 选择所有拥有class="intro"的组件 |
| #id(id选择器) | #firstname | 选择拥有id="firstname"的组件 |
| element | view | 选择所有view组件 |
| element, element | view checkbox | 选择所有文档的view组件和所有的checkbox组件 |
| ::after | view::after | 在view组件后边插入内容 |
| ::before | view::before | 在view组件前边插入内容 |
有一些属性值太多且实际应用的比较少 可以参考w3cschool的css文档：
http://www.w3cschool.cn/css/css-tutorial.html
对于微信小程序的文档手册可参考以下链接：
http://www.w3cschool.cn/weixinapp/9wou1q8j.html
