1、rpx
1小程序中不需要主动来引入样式文件
2需要把页面中某些元素的单位由px改成rpx
1设计稿750x
750px=750rpx
1px=1rpx
2把屏幕宽度改成375px
375 px = 750 rpx
1px=2rpx
1rpx = 0.5px
3存在一个设计稿宽度414或者未知page
1设计稿page 存在一个元素宽度100px
2拿以上的需求去实现不同宽度的页面适配
page px = 750 rpx
1px=750rpx/page
100 px = 750 rpx
100 / page
4利用一个属性calc属性，CSS和wxss都支持一个属性
2、导入
在.wxss文件中引入
1引入的代码是通过@import 来引入
2路径只能写相对路径
@import "../../styles/common.wxss"
3、选择器
*通配符无法识别，初始化的时候需要注意
选择器：.class
样例：.intro
解释：选择所有拥有 class="intro" 的组件
选择器：#id
样例：#firstname
解释：选择拥有 id="firstname" 的组件
选择器：element
样例：view
解释：选择所有 view 组件
选择器：element, element
样例：view, checkbox
解释：选择所有文档的 view 组件和所有的 checkbox 组件
选择器：::after
样例：view::after
解释：在 view 组件后边插入内容
选择器：::before
样例：view::before
解释：在 view 组件前边插入内容
4、使用less
小程序无法直接使用，可以用vscode下载对应插件，后在vscode中进行转化
|