微信小程序--25(WXSS模板样式了解)

一、WXSS和CSS关系

  • 大部分特性相同

1.wxss独有

  • rpx尺寸单位
  • @import 样式导入

二、rpx

1.原理

  • rpx将所有屏幕宽度等分为750份,自动换成像素实现屏幕适配

2.rpx与px之间换算

  • 约分计算
  • 不同设备比例不同

三、样式导入

1.语法

  • @importt"相对路径";

2.练习

四、全局样式(app.wxss)

1.作用

  • 将会对每一个页面进行处理

2.练习

五、局部样式(.wxss)

1.作用

  • 只对该页面进行处理

2.注意

  • 当全局和局部冲突时,优先局部
  • 当局部权重大于或等于全局,才会覆盖全局

3.指定权重

  • view:nth-child(1){}
相关推荐
小墨宝10 分钟前
js 生成pdf 并上传文件
前端·javascript·pdf
HED26 分钟前
用扣子快速手撸人生中第一个AI智能应用!
前端·人工智能
DN金猿30 分钟前
使用npm install或cnpm install报错解决
前端·npm·node.js
丘山子30 分钟前
一些鲜为人知的 IP 地址怪异写法
前端·后端·tcp/ip
志存高远6643 分钟前
Kotlin 的 suspend 关键字
前端
www_pp_1 小时前
# 构建词汇表:自然语言处理中的关键步骤
前端·javascript·自然语言处理·easyui
天天扭码1 小时前
总所周知,JavaScript中有很多函数定义方式,如何“因地制宜”?(ˉ﹃ˉ)
前端·javascript·面试
一个专注写代码的程序媛2 小时前
为什么vue的key值,不用index?
前端·javascript·vue.js
장숙혜2 小时前
ElementUi的Dropdown下拉菜单的详细介绍及使用
前端·javascript·vue.js
火柴盒zhang2 小时前
websheet之 编辑器
开发语言·前端·javascript·编辑器·spreadsheet·websheet