小程序开发基本过程中,页面样式文件(WXSS)是基于CSS拓展的样式语言,用于描述WXML的组成样式,决定WXML的组件如何显示。WXSS具有CSS的大部分特性,小程序开发过程中,小程序对WXSS做了一些修改和扩充。
1.尺寸单位
由于CSS原有的尺寸单位在不同尺寸的屏幕中得不到很好的呈现,WXSS在此基础上增加了尺寸单位rpx(respnesivepixel)
2.选择器
目前,WXSS仅支持CSS中常用的选择器,如.class、#id、element、∷before、∷aftert等。
3.样式导入
为了便于小程序开发管理WXSS文件,我们可以将样式存放于不同的文件中。如果需要在某个文件中引用另一个样式文件,使用@import语句导入即可。
4.WXSS常用属性
WXSS文件与CSS文件有大部分属性名及属性值相同,小程序开发过程中,WXSS的常用属性及属性值如表所示。