8.微信小程序（WXSS样式文件）

大纲

（1）WXSS简介
（2）分类
（3）尺寸单位rpx
（4）样式导入@import
（5）style内联样式
（6）WXSS选择器
（7）开发工具设置

WXSS简介

简介：
WXSS（WeiXin Style Sheets）是一套用于小程序的样式语言，用于描述WXML的组件样式，也就是视觉上的效果。

对比：
WXSS与Web开发中的CSS类似。为了更适合小程序开发，WXSS对CSS做了一些补充以及修改
WXSS 决定 WXML 组件的显示样式。
为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。

与 CSS 相比，WXSS 扩展的特性有：
尺寸单位
样式导入

WXSS分类

小程序中的样式文件一共分为两个级别/两类：
提供了全局的样式和局部样式。和前边 app.json, page.json 的概念相同，可以写一个 app.wxss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式 page.wxss 仅对当前页面生效。
小程序全局样式app.wxss，也叫页面公共样式，会被注入到小程序的每个页面。页面样式page.wxss，即单个页面样式
注意：WXSS 仅支持部分 CSS 选择器