样式

样式的普遍写法

小程序中不需要手动创建样式文件
(当创建一个文件夹时，编辑器会自动生成4个名字一样，后缀不同的文件。因为名字都一样，小程序能自动设别)

• 页面中的某些元素单位 需要把px换成 rpx
  px 固定了大小，机型(屏幕大小)改变，原有大小不变
  rpx 不固定大小，机型(屏幕大小)改变，能等比例缩放，也就是能进行页面适配

demo.wxml文件(配置文件，html)

<view>
  rpx
</view>

demo.wxss文件(样式文件，css)

/* pages/demo/demo.wxss */
/* 
page px = 750rpx
  1  px = 750rpx/page
 100 px = 750rpx*100/page

 calc属性 css和wxss都支持
 750 和 rpx 中间不要留空格
 运算符的两边也不要留空格
*/
view{
  /* height: 200rpx; */
  width: 200rpx;
  font-size: 40rpx;
  background-color: aqua;
  height:calc(750rpx*100/375) ;
}

公共样式的导入

通过 @import 引入的路径，路径只能写相对路径

里面 …/ 有两次，代表返回上一级两次。因为 demo.wxss 文件在 pages/demo 里面，所以要返回两次。