微信小程序开发教程(4)- 微信小程序页面wxml模板文件、wxss样式文件详解
一、wxml和html对比介绍
1、标签名称不同
html:div、span、img、a
wxml:view、text、image、navigator
2、属性名称不同
<a href="#">超链接</a>
<navigator url="/pages/home/home"></navigator>
3、提供了类似于Vue中的模板语法
数据绑定、列表渲染、条件渲染
二、wxss样式介绍
wxss是一套样式语言,用于描述wxml的组件样式,类似于网页开发中的css。下面说wxss和css的区别
1、新增了rpx尺寸单位:css中需要手动进行像素单位换算,例如rem。wxss在底层支持新的尺寸单位rpx,能在不同大小尺寸屏幕上自动进行换算。
2、提供了全局样式和局部样式:项目根目录中的app.wxss会作用于所有的小程序页面,局部页面的.wxss样式仅对当前页面生效。
3、wxss仅支持部分css选择器:.class和#id,element、并集选择器、后代选择器、::after和::before等伪类选择器。
猜您可能还喜欢
- 微信小程序开发教程(3)- 小程序项目目录结构及页面构成详解(263)
- 微信小程序开发教程(8)- 小程序flex布局详解(230)
- 微信小程序开发教程(7)- 小程序中的事件绑定(223)
- 微信小程序开发教程(1)- 开发环境搭建(219)
- 微信小程序开发教程(5)- 小程序组件使用详解(219)
- 微信小程序开发教程(4)- 微信小程序页面wxml模板文件、wxss样式文件详解(219)
- 微信小程序开发教程(2)- 创建小程序项目(218)
- 微信小程序开发教程(5)- 小程序API使用详解(216)
- 微信小程序开发教程(6)- 小程序中的数据绑定(207)
- 分享一款免费的微信群活码、QQ群活码平台、短链平台-畅联活码(136)
评论列表
发表评论
文章分类
文章归档
阅读排行
- 1. Windows Server 2008 R2永久激活及Chew-WGA v0.9下载(12783)
- 2.Visual Studio 2017中安装visualSVN及使用详解(4885)
- 3.完美解决iis下JWplayer提示Error loading media: File could not be played错误(3783)
- 4.asp.net mvc+jquery easyui开发基础(一)模块首页及增加、修改、删除模块实现(3006)
- 5.Android avax.net.ssl.SSLPeerUnverifiedException: No peer certificate 解决方法(httpClient支持HTTPS的访问方式)(2852)
- 6..Net Mvc中使用Jquery EasyUI控件讲解(一)表格控件datagrid使用介绍(2718)
- 7.asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(三)登录模块开发(2615)
- 8.asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(七)权限管理模块之系统菜单动态生成(2585)
- 9. asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(六)权限管理模块之初始数据准备(2232)
- 10.asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发(八)权限管理模块之权限管理实现(2202)