尺寸单位

rpx可以根据屏幕宽度进行自适应，也就是说可以通过屏幕的尺寸进行像素大小的自适应
无论屏幕的大小如何，都等于750rpx
注意：rpx是会变动的,而px是不会变动的，px写死是多少就是多少
存在以下公式来换算rpx和px
1px=750rpx/page
100px=750rpx*100/page
当需要计算的时候使用calc这个API,不能有额外的东西

样式导入

使用@import代码段可以导入外联样式表，只支持相对路径
引入的代码段如下

@import "../../styles/commom.wxss"

那么在demo中就可以直接用这个样式了。

选择器以及小程序的less

配置完成less之后编写less代码

/* pages/demo05/demo05.wxss */
@color:yellow;
text
{color:@color;
}

具体的请先学习less

微信小程序开发日记 (4) 样式设计相关推荐

【微信小程序开发】字体样式设置
目录一.前言二.案例实现 1.编写index.wxml代码 2.编写app.wxss文件代码代码 3.编写index.wxss文件代码三.代码编译一.前言本篇文章将介绍在设计微信小程序时,利 ...
微信小程序开发基础字体样式和文本样式的设置
微信小程序页面主要有4个页面,分别是: js页面.json页面,wxml页面.wxss页面他们的功能分别是: js:页面逻辑文件 json:页面配置文件 wxml:页面描述文件 wxss:页面样式表 ...
微信小程序开发常用CSS样式实例（更新中）
/**index.wxss**/ .Style01{color: red;word-spacing: 20px;/*设置段落间的字间距*/text-align: left;/* 设置文本对齐方式左对齐 ...
基于java微信小程序的校园二手商城设计与实现
基于java微信小程序的二手商城设计与实现首先介绍一下SpringSecurity安全登陆框架微信小程序我用的是mysql数据库这是我小程序的用例图系统总体功能架构图系统功能模块设计数据 ...
微信小程序开发系列二：微信小程序的视图设计
大家如果跟着我第一篇文章微信小程序开发系列一:微信小程序的申请和开发环境的搭建一起动手,那么微信小程序的开发环境一定搭好了.效果就是能把该小程序的体验版以二维码的方式发送给其他朋友使用. 这个系列 ...
视频教程-微信小程序开发教程（第一阶段、页面设计）（维吾尔语）-HTML5/CSS
微信小程序开发教程(第一阶段.页面设计)(维吾尔语) 毕业于北京邮电大学计算机专业.拥有将近10年的开发经验.精通java.php.python.c/c++.微信开发等等技术! 艾孜麦提阿布都热合曼 ...
微信小程序踩坑日记-微信小程序首次加载样式错乱问题
微信小程序踩坑日记-微信小程序首次加载样式错乱问题在实际开发项目中,遇到了个棘手的问题,就是在某些因素下,进入小程序发现有些样式发生偏移.错乱等问题问题原因:-未知(估计是组件的问题) ↓ 解决办 ...
微信小程序开发笔记二（WXSS和CSS样式美化）
微信小程序开发笔记二(WXSS和CSS样式美化) 一.CSS基本知识 1.Class选择器的定义 2.ID选择器的定义 3.ID选择器和class选择器的区别 4.CSS中设置颜色 5.CSS中的文本 ...
微信小程序开发之路（十三）正式开工--设计ER图与数据库的创建
微信小程序开发之路(十三)正式开工–设计ER图数据库的创建先制作班费公是示功能我们在项目的 settings.py 文件中找到 DATABASES 配置项,将其信息修改为: DATABASES = ...

微信小程序开发日记 (4) 样式设计

尺寸单位

样式导入

选择器以及小程序的less

微信小程序开发日记 (4) 样式设计相关推荐

最新文章

热门文章