微信小程序入门必看②

本文介绍了微信小程序中的wxss,它是描述组件样式的样式语言,与css相似但有所扩展,如独特的rpx单位用于屏幕适配。内容包括wxss的基本概念、与css的关系、rpx的原理和换算、样式导入、全局与局部样式的应用,帮助开发者更好地理解和使用wxss。
摘要由CSDN通过智能技术生成


前言

今天一起来看一下微信小程序中控制样式的文件,一起看一看它与css有哪些区别以及有哪些新的功能~


一、wxss

1. 什么是wxss?

  • WXSS (WeiXin Style Sheets) 是一套样式语言,用于描述 WXML 的组件样式
  • WXSS 用来决定 WXML 的组件应该怎么显示

2. 和css的关系

  • WXSS 具有 CSS 大部分特性,为了更适合开发微信小程序,WXSSCSS 进行了扩充以及修改
  • 与 CSS 相比,WXSS 扩展的特性有
    • rpx 尺寸单位
    • @import 样式导入

3. 什么是rpx及其实现原理

  • 什么是rpx?
    rpx(responsive pixel) 是微信小程序独有的,用来解决屏幕适配的尺寸单位

  • 实现原理
    rpx 是实现原理非常简单:鉴于不同设备屏幕的大小不同,为

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值