2.7 页面样式文件

页面样式文件（WXSS）是基于CSS拓展的样式语言，用于描述WXML的组成样式，决定WXML的组件如何显示。WXSS具有CSS的大部分特性，小程序对WXSS做了一些扩充和修改。

1．尺寸单位

由于CSS原有的尺寸单位在不同尺寸的屏幕中得不到很好的呈现，WXSS在此基础上增加了尺寸单位rpx（respnesive pixel）。WXSS规定屏幕宽度为750 rpx，在系统数据绑定过程中rpx会按比例转化为px。例如，iPhone 6的屏幕宽度为375 px，即750 rpx需按比例转化为375 px，所以，在iPhone 6中，1 rpx=0.5 px。

2．样式导入

为了便于管理WXSS文件，我们可以将样式存放于不同的文件中。如果需要在某个文件中引用另一个样式文件，使用@import语句导入即可。例如：

以上代码的效果与下列代码的效果相同：

3．选择器

目前，WXSS仅支持CSS中常用的选择器，如．class、#id、element、∷before、∷aftert等。

4. WXSS常用属性

WXSS文件与CSS文件有大部分属性名及属性值相同，WXSS的常用属性及属性值如表2-10所示。

表2-10 WXSS常用属性

续表