WXML和HTML,WXSS和CSS的区别

wxml 是小程序框架设计的一套标签语言 用来构建小程序页面的结构 其作用类似于网页开发中的html

WXML和HTML的区别：

• 标签名称不同
  • html（div span img a）
  • wxml （view text image navigator）
• 属性节点不同
  • <a href = "#">超链接为例</a>
  • <navigator url="/pages/home/home"></navigator>
• 提供了类似vue中的模版语法
  • 数据绑定
  • 列表渲染
  • 条件渲染

WXSS(微信ss)和CSS的区别:

• 新增了rpx尺寸单位
  • css中需要手动进行像素单位换算 如rem
  • wxss在底层支持新的尺寸单位rpx 在不同大小的屏幕上小程序会自动进行换算
• 提供了全局的样式和局部样式
  • 项目根目录中的app.wxss会作用于所有小程序页面
  • 局部页面的.wxss样式仅对当前页面生效
• wxss仅支持部分css选择器
  • .class和#id
  • element
  • 并集选择器 后代选择器
  • ::after  ::before等伪类选择器