微信小程序（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 选择器

WXSS