微信小程序--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){}
相关推荐
前端青山7 分钟前
vue常用特性
前端·javascript·vue.js·前端框架
sp42a44 分钟前
老旧前端项目如何升级工程化的项目
前端·webpack·重构
paterWang1 小时前
小程序-基于java+SpringBoot+Vue的微信小程序养老院系统设计与实现
java·spring boot·小程序
汇匠源1 小时前
基于Java的小程序电商商城开源设计源码
java·小程序·springboot·团队开发·源代码管理
李小白202002021 小时前
Linux 生成/proc/config.gz
linux·服务器·前端
前端小臻1 小时前
后台管理-动态路由配置以及用户权限管理(vue3+element plus+koa+Sequelize )
前端·网络·node.js·koa
编码追梦人1 小时前
Android.mk之变量LOCAL_MODULE_TAGS
android·前端
silvia_frontend1 小时前
qiankun+vite+vue3从零搭建一个微前端架构系统
前端·微服务
GIS好难学2 小时前
《Vue零基础入门教程》第五课:挂载
前端·javascript·vue.js
可缺不可滥2 小时前
前端 用js封装部分数据结构
前端·javascript·数据结构