当前位置： 首页 > news >正文

【微信小程序】WXSS 模板样式

news 来源：原创 2024/9/20 18:43:28

1. 什么是 WXSS

WXSS (WeiXin Style Sheets)是一套样式语言，用于美化 WXML 的组件样式，类似于网页开发中的 CSS。

2. WXSS 和 CSS 的关系

在这里插入图片描述
在这里插入图片描述

3.rpx

(1). 什么是 rpx 尺寸单位

rpx（responsive pixel）是微信小程序独有的，用来解决屏适配的尺寸单位。

(2). rpx 的实现原理

在这里插入图片描述

(3). rpx 与 px 之间的单位换算*

在这里插入图片描述
在这里插入图片描述

4.样式导入

(1). 什么是样式导入

使用 WXSS 提供的 @import 语法，可以导入外联的样式表

(2). @import 的语法格式

@import 后跟需要导入的外联样式表的相对路径，用 ; 表示语句结束。示例如下：
在这里插入图片描述

5.全局样式和局部样式

(1). 全局样式

定义在 app.wxss 中的样式为全局样式，作用于每一个页面。

(2). 局部样式

在这里插入图片描述

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 详解C++的四大特性（封装，继承，多态，抽象）
  • 大数据信用报告查询哪家平台的比较好?
  • 视频美颜SDK的核心技术与直播美颜插件的开发详解
  • 国内首个支持国产化信创的开源云原生平台
  • 业界首个OpenTelemetry结合eBPF的向导式可观测性平台APO正式开源
  • 数据结构(5.5_2)——并查集
  • Linux centos stream 9命令及源码
  • 46-扇孔的处理及铺铜以及布线
  • 01学生管理系统(数组)
  • 基于Spring Boot的健身房管理系统
  • Linux从0到1——进程池
  • 江协科技STM32学习笔记
  • HBase snapshot+replication 测试
  • 不依靠for循环，Python如何对列表进行去重并保留排列顺序
  • ＜Qt＞ 系统 - 事件
  • canvas绘制圆角头像
  • docker-consul
  • ES6, React, Redux, Webpack写的一个爬 GitHub 的网页
  • es6要点
  • es的写入过程
  • HomeBrew常规使用教程
  • npx命令介绍
  • Sass 快速入门教程
  • TCP拥塞控制
  • 快速体验 Sentinel 集群限流功能，只需简单几步
  • 理解 C# 泛型接口中的协变与逆变（抗变）
  • 那些年我们用过的显示性能指标
  • 学习笔记：对象，原型和继承（1）
  • Salesforce和SAP Netweaver里数据库表的元数据设计
  • ​ ​Redis（五）主从复制：主从模式介绍、配置、拓扑（一主一从结构、一主多从结构、树形主从结构）、原理（复制过程、​​​​​​​数据同步psync）、总结
  • ​iOS实时查看App运行日志
  • ​Z时代时尚SUV新宠：起亚赛图斯值不值得年轻人买？
  • #if等命令的学习
  • #pragma multi_compile #pragma shader_feature
  • #pragma 指令
  • #考研#计算机文化知识1（局域网及网络互联）
  • (el-Date-Picker)操作(不使用 ts)：Element-plus 中 DatePicker 组件的使用及输出想要日期格式需求的解决过程
  • （Matalb时序预测）WOA-BP鲸鱼算法优化BP神经网络的多维时序回归预测
  • （二）换源+apt-get基础配置+搜狗拼音
  • （附源码）计算机毕业设计SSM基于健身房管理系统
  • (四)opengl函数加载和错误处理
  • *++p：p先自＋，然后*p，最终为3 ++*p：先*p，即arr[0]=1，然后再++，最终为2 *p++：值为arr[0],即1，该语句执行完毕后，p指向arr[1]
  • .axf 转化 .bin文件 的方法
  • .bat批处理（五）：遍历指定目录下资源文件并更新
  • .halo勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .NET/C# 使用反射注册事件
  • @staticmethod和@classmethod的作用与区别
  • [ C++ ] STL_list 使用及其模拟实现
  • [AX]AX2012 R2 出差申请和支出报告
  • [C# 网络编程系列]专题六：UDP编程
  • [Deep Learning] 神经网络基础
  • [Go]-抢购类业务方案
  • [IOI2007 D1T1]Miners 矿工配餐
  • [JavaScript]_[初级]_[关于forof或者for...of循环语句的用法]
  • [Linux内核驱动]模块参数