参考地址:

https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/

微信小程序中的常用标签:

view(视图容器)、rich-text(富文本)、swiper(滑块视图容器)、icon(图标)、text(文字)、progress(进度条)、button(按钮)、form(表单)、input(输入框)、checkbox(多项选择器)、radio(单项选择器)、picker(列表选择器)、slider(滚动选择器)、switch(开关选择器)、textarea(多行输入框)、label(标签)、navigator(应用链接)、audio(音频)、image(图片)、video(视频)、camera(系统相机)、map(地图)、scroll-view(可滚动视图容器)、picker-view(内嵌列表选择器)、canvas(画布)movable-area(可移动区域)、movable-view(可移动的视图容器)、cover-view(覆盖视图)、cover-image(覆盖图片)、functional-page-navigator(跳转到插件功能页)、live-player(实时音视频播放)、live-pusher(实时音视频录制)

微信小程序一些常用标签与HTML的对应关系:

WXSS选择器:

WXSS选择器的用法:

需要对某个元素进行特殊标志,或它的状态会随着用户的操作发生变化时,就可以通过标签内的内敛样式来调整它的样式。

ID选择器:针对某个特定组件进行属性的设定。

类选择器:针对某一类组件进行属性的设定,适用于一类组建的定义。

标签选择器:对全局的某一组件进行属性的设定,更多用于全局范围的样式标准化,比如说,在一个新闻客户端中,所有的text组件默认情况下都是32px。

由于微信小程序底层采用调用原声组件来构建界面,WXSS不能通过原声组件来控制组件内部的样式和位置,因此WXSS不支持级联选择器。

微信可以识别哪些HTML语言,微信小程序一些常用标签与HTML的对应关系相关推荐

  1. 微信小程序一些常用标签与html的对应关系

    小程序中的常用标签也是就是我们常用的这些 view(视图容器).rich-text(富文本).swiper(滑块视图容器).icon(图标).text(文字).progress(进度条).button ...

  2. 微信小程序长按识别二维码,小程序相关问题总结

    微信小程序长按识别二维码,小程序相关问题总结 开发小程序中,长按识别二维码,小程序码跳转,已知问题整理: 小程序中,不支持长按识别二维码,和小程序码. 可利用小程序 图片预览功能识别 小程序码并进行跳 ...

  3. 了解微信小程序、掌握微信小程序开发工具的使用、了解小程序的目录以及文件结构、掌握小程序中常用的组件、掌握WXML、WXSS、WXS的基本使用

    1 微信小程序介绍以及开发准备 1.1 了解微信小程序 百度百科: 微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及&quo ...

  4. 微信公众号可快速创建“门店小程序” 不用开发

    "门店小程序"是啥?"门店小程序"是小程序的一项新能力.无需开发,商户就可在微信公众号后台快速创建"门店小程序".这个小程序类似一张&quo ...

  5. 快手小店电脑版_微信PC版更新!支持在小程序中使用微信支付 | 一周资讯

    小程序1. 微信PC版更新,支持在小程序中使用微信支付.12月19日,微信PC端推出内测版2.7.2.73,新版本支持以下新功能:新增看一看精选内容,新的订阅号浏览体验,支持在小程序中使用微信支付.( ...

  6. 微信小程序原生常用语法 1

    微信小程序的教程 学习目标 如何创建小程序项目 小程序项目的基本组成结构 小程序页面由几部分组成 小程序中常见的组件如何使用 小程序如何进行协同开发与发布 小程序的宿主环境 小程序标准开发模式 1.申 ...

  7. Delphi调用微信原生Web开发接口JS-SDK开发小程序及微信支付等的Rest API

    目录 Delphi调用微信原生Web开发接口JS-SDK开发小程序及微信支付等的Rest API 一.概述及API 1.JS-SDK是对之前的 WeixinJSBridge 的一个包装 2.JS-SD ...

  8. 微信扫描普通二维码进入小程序

    微信扫描普通二维码进入小程序的方法,和代码没有什么关系,主要是在小程序平台进行设置 1. 开发配置 开发 -- 开发管理 -- 开发设置 -- 扫普通链接二维码打开小程序 2. 配置规则 根据说明配置 ...

  9. 微信公众号可以关联多少个小程序?

    微信公众号可以关联多少个小程序? 微信公众号关联小程序功能介绍 为扩展小程序的使用场景,便于用户使用小程序的服务.微信公众号可关联小程序,并在公众号图文消息.自定义菜单.模板消息等场景中使用已关联的小 ...

最新文章

  1. c语言程序设计教程ppt,《C语言程序设计教程》.ppt
  2. wpf 修改label值_WPF 获取动态添加控件的值
  3. 决策树ID3 C4.5 CART代码
  4. python alpha_如何用Python打造一个简易版的Alpha GO?
  5. dot全称_dot是什么币
  6. mysql hash分区 数目_mysql8 参考手册-HASH分区
  7. php学习去哪,php可以从哪里学习
  8. 遇到相同流程时,(在流程比较复杂时)「【充分利用】 在【 之前的 作业过程中 做成的(留下的) 资源】」 ~
  9. LCD中调色板的概念
  10. mybatis框架搭建学习初步
  11. mysql 隐秘后门_Phpstudy被暴存在隐藏后门-检查方法
  12. java 车牌模糊_【技术贴】如何处理模糊车牌号?绝对PS技术干货,不保证适用所有情况。...
  13. 数字图像处理 冈萨雷斯 资源下载
  14. oracle asm 日志,oracle 11g RAC 下ASM实例的alert日志告诉我们什么
  15. 教育教学微课题研究方案——实习调研论文
  16. 【-O1-O2-O3-Ofast...】C/C++编译器代码优化原理方案
  17. mysql 从大到小排序
  18. 墨尘 - UE4 入门教程笔记 —— 二
  19. tiny linux u盘_多系统U盘启动盘制作工具(YUMI)下载-多系统U盘启动盘制作工具(YUMI)PC版下载v2.0.7.6...
  20. 金工如何运用计算机思维,金工的实习心得体会

热门文章

  1. 三相电非线性负载仿真电路--simulink模型
  2. ZZULI—刷题之路
  3. 国外LEAD-自学篇-第一篇(IP代理教程)
  4. DIY3D打印部件光敏树脂组装
  5. 1.安卓的来历与发展史
  6. CrtmpServer不支持FFMpeg截图以及个别客户端推流(如XSplit)的解决办法
  7. Linux ls 只显示目录的方法
  8. Android-SQLite数据库实例
  9. Cache-Control浏览器缓存
  10. Ural 1084|Goat in the Gardon|计算几何