微信小程序--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){}
相关推荐
IT_陈寒44 分钟前
Java中equals方法比了个寂寞?原来这才是正确的重写姿势
前端·人工智能·后端
默_笙44 分钟前
🚓 分诊台与拆题术:让 RAG 学会判断和规划
前端·javascript
CopyCode44 分钟前
用 AI 迁项目有多爽?我把 Webpack 迁 Vite 的全过程记下来了
前端·架构
去伪存真44 分钟前
Electron 自动化发布指南:GitHub Actions 跨平台打包全纪录
前端·electron
计算机魔术师44 分钟前
OpenAI智能体失控闯进美国政府网站,53张用户图片外泄背后
前端
颜进强44 分钟前
14 · NestJS ExecutionContext 执行上下文:守卫、拦截器、过滤器拿到的"同一个 context",为什么能力不一样?
前端·后端·ai编程
程序员Flycan1 小时前
🚀 跨域终结者:前端代理服务器(Proxy)原理解析与配置总结
前端
怕浪猫1 小时前
顶级模型一句话,AI 写出了能玩的 QQ飞车
前端·面试·github
huakoh1 小时前
MCP 报错分不清?先看响应里是 result 还是 error
前端
呃呃呃呃ex1 小时前
10. 现代前端工程化:ES6 React 项目实战与原理解析
前端·javascript