微信小程序--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){}
相关推荐
Hello-Mr.Wang8 分钟前
vue3中开发引导页的方法
开发语言·前端·javascript
艾小逗25 分钟前
uniapp快速入门教程,内容来源于官方文档,仅仅记录快速入门需要了解到的知识点
小程序·uni-app·app·es6
程序员阿龙27 分钟前
【2025】儿童疫苗接种预约小程序(源码+文档+解答)
小程序·毕业设计·小程序开发·预约小程序·疫苗管理小程序·出勤数据分析·智能考勤
程序员凡尘35 分钟前
完美解决 Array 方法 (map/filter/reduce) 不按预期工作 的正确解决方法,亲测有效!!!
前端·javascript·vue.js
818源码资源站37 分钟前
表情包创作、取图小程序端(带流量主)
小程序
编程零零七4 小时前
Python数据分析工具(三):pymssql的用法
开发语言·前端·数据库·python·oracle·数据分析·pymssql
(⊙o⊙)~哦6 小时前
JavaScript substring() 方法
前端
无心使然云中漫步6 小时前
GIS OGC之WMTS地图服务,通过Capabilities XML描述文档,获取matrixIds,origin,计算resolutions
前端·javascript
Bug缔造者6 小时前
Element-ui el-table 全局表格排序
前端·javascript·vue.js
xnian_7 小时前
解决ruoyi-vue-pro-master框架引入报错,启动报错问题
前端·javascript·vue.js