WXSS

WXSS(WeiXin Style Sheets)是一套样式语言，，，，，用于形貌WXML的组件样式。。。。。。

WXSS用来决议WXML的组件应该怎么显示。。。。。。

为了顺应宽大的前端开发者，，，，，pp电子WXSS具有CSS大部分特征。。。。。。同时为了更适合开发微信小程序，，，，，我们对CSS举行了扩充以及修改。。。。。。

与css相比我们扩展的特征有：

• 尺寸单位
• 样式导入

尺寸单位

• rpx（responsive pixel）: 可以凭证屏幕宽度举行自顺应。。。。。。划定屏幕宽为750rpx。。。。。。如在iPhone6上，，，，，屏幕宽度为375px，，，，，共有750个物理像素，，，，，则750rpx = 375px = 750物理像素，，，，，1rpx = 0.5px = 1物理像素。。。。。。

建议：开发微信小程序时设计师可以用iPhone6作为视觉稿的标准。。。。。。

注重： 在较小的屏幕上不可阻止的会有一些毛刺，，，，，请在开发时只管阻止这种情形。。。。。。

样式导入

使用@import语句可以导入外联样式表，，，，，@import跟需要导入的外联样式表的相对路径，，，，，用;体现语句竣事。。。。。。

示例代码：

/** common.wxss **/
.small-p{
  padding:5px;
}

/** app.wxss **/
@import "common.wxss";
.middle-p {
  padding:15px;
}

内联样式

框架组件上支持使用style、class属性来控制组件的样式。。。。。。

• style：静态的样式统一写到class中。。。。。。style吸收动态的样式，，，，，在运行时会举行剖析，，，，，请只管阻止将静态的样式写进style中，，，，，以免影响渲染速率。。。。。。

<view style="color:{{color}};" />

• class：用于指定样式规则，，，，，其属性值是样式规则中类选择器名(样式类名)的荟萃，，，，，样式类名不需要带上.，，，，，样式类名之间用空格脱离。。。。。。

<view class="normal_view" />

选择器

现在支持的选择器有：

全局样式与局部样式

界说在app.wxss中的样式为全局样式，，，，，作用于每一个页面。。。。。。在page的wxss文件中界说的样式为局部样式，，，，，只作用在对应的页面，，，，，并会笼罩app.wxss中相同的选择器。。。。。。