1 rpx

rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。_{简单得说就是相对大小吧。}

1. 小程序中不需要主动引入样式文件。（即不需要link，只用在相关文件夹里创建好有关文件即可）
2. 如果想在wxss或css中计算rpx得利用到calc属性：rpx（单位）的位置可以随便放，但要注意，周围不要有空格。

view{
  width:calc(750rpx*200/320);
  /* width:calc(750*200/320rpx);这样也可以 */
  height:200px;
  font-size:40px;
  background-color:red;
}

2 样式的导入

使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。
举个例子：

1. 在主目录下兴建文件夹“styles”
   
2. 在styles目录下新建common.wxss文件并写入样式：

view{
  color:red;
  font-size: 40px;
}

3. 在想要引入样式的文件（demo06.wxss）内进行操作

/* pages/demo06/demo06.wxss */
@import "../../styles/common.wxss";

4. 相对路径小知识：
/指根路径
…/回到上一级路径
./当前路径

3 选择器

1. 小程序不支持通配符*，可以将其替换为所有标签。
2. 复习下选择器：（图片来源黑马程序员）

4 小程序中使用less

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。详见大佬博客，（专门去翻了一下黑马css的课，好像没讲啊，具体是啥我也还没用过，大致了解一下吧）

1. 微信原生小程序是不支持less语法的，但可以通过vscode安装插件easy less实现。
2. 对vscode进行配置：
   2.1. 打开vscode点击左下角齿轮，再点击设置
   
   2.2. 点击右上角进入settings.json
   2.3 再在外层括号内的最后一行粘贴如下内容（别忘了加逗号）：
   "less.compile":{ "outExt":".wxss" }
3. 在需要编写样式的地方新建less文件，如index.less然后正常编辑即可，保存less文件后会自动生成wxss文件，同时注意less支持导入，举例如下。