微信小程序wxss设置样式

对于以前搞客户端开发的来说，有着客户端的逻辑，就是不知道怎么设置样式，把对应的控件显示出来

一、wxml

界面结构wxmL比较容易理解，主要是由八大类基础组件构成：

关于这八大类的属性和具体用法可参考以下参考文献链接：

二、wxss

wxml理解起来容易，但光搭好了框架，并不能达到我们想要的界面效果，这就需要用到wxss样式了。

wxss样式决定了组件应该如何显示，并在css的基础上做了一些功能扩展，主要包括：

1.尺寸单位

rpx（responsivepixel）:可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。一般以iphone6屏幕做为视觉设计标准。

rpx与px单位换算如下：

2.样式导入

可以使用@import语句来导入外联样式表，其后面跟需要导入外联样式表的相对路径，并以分号结束。

例如：

/**other.wxss**/

.appText{

margin:10px;

}

/**app.wxss**/

@import"other.wxss";

.content_text:{

margin:15px;

app.wxss是全局样式，作用于每一个页面，而page下的每一个的wxss文件只作用于当前页面，并对全局样式中的相同属性会覆盖。