微信小程序--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){}
相关推荐
powerfulhell9 小时前
寒假python作业5
java·前端·python
木子啊10 小时前
前端组件化:模板继承拯救发际线
前端
三十_A10 小时前
零基础通过 Vue 3 实现前端视频录制 —— 从原理到实战
前端·vue.js·音视频
前端小菜袅10 小时前
PC端原样显示移动端页面方案
开发语言·前端·javascript·postcss·px-to-viewport·移动端适配pc端
We་ct10 小时前
LeetCode 228. 汇总区间:解题思路+代码详解
前端·算法·leetcode·typescript
爱问问题的小李10 小时前
ue 动态 Key 导致组件无限重置与 API 重复提交
前端·javascript·vue.js
子兮曰10 小时前
深入Vue 3响应式系统:为什么嵌套对象修改后界面不更新?
前端·javascript·vue.js
CHU72903510 小时前
直播商城APP前端功能全景解析:打造沉浸式互动购物新体验
java·前端·小程序
枫叶丹410 小时前
【Qt开发】Qt界面优化(一)-> Qt样式表(QSS) 背景介绍
开发语言·前端·qt·系统架构
子兮曰17 小时前
OpenClaw入门:从零开始搭建你的私有化AI助手
前端·架构·github