小程序系列--6.WXSS 模板样式

一. 什么是 WXSS

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

1.WXSS 和 CSS 的关系 

小程序系列--6.WXSS 模板样式_第1张图片

二、rpx 

1. 什么是 rpx 尺寸单位 

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

2. rpx 的实现原理 

小程序系列--6.WXSS 模板样式_第2张图片 3. rpx 与 px 之间的单位换算*

 小程序系列--6.WXSS 模板样式_第3张图片

三、样式导入 

 1. @import 的语法格式

小程序系列--6.WXSS 模板样式_第4张图片

四、全局样式和局部样式 

1. 全局样式 

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

2. 局部样式 

小程序系列--6.WXSS 模板样式_第5张图片

你可能感兴趣的:(小程序,小程序)