微信小程序开发中WXML、WXSS与HTML、CSS的区别

微信小程序的开发与web网页开发的区别：

1.页面结构

web网页开发使用的页面结构是HTML,而小程序开发使用的却是WXML，两者的区别有：

①：标签名称不同

HTML中有（div、span、img、a）等标签

WXML中不存在这些标签，它有自己独特的标签如：（view、text、image、navigator），其作用与上面HTML标签对应相似，

使用如下：

HTML的使用
<div>

    <div></div>
    <span></span>

</div>
WXML的使用
<view>
    <view></view>
    <text></text>
</view>

②属性节点不同：

HTML中属性节点的使用：

<a href="#">AAA</a>

WXML中属性节点的使用：

<navigator url="/pages/home/home"></navigator>

③WXML提供了类似于vue的模板语法，例如数据绑定、条件渲染、列表渲染等等

2.样式结构

web页面使用的样式是CSS，而微信小程序使用的页面样式则是WXSS,两者区别如下

①WXSS新增了rpx尺寸单位，它在底层支持新的尺寸单位，在不同大小的屏幕上小程序会自动进行换算

②提供了全局样式和局部样式

app.wxss会作用与全局，而页面.wxss只在当前页面有效，但是当页面样式与全局样式有冲突时，会以页面样式为主

③wxss仅支持部分css中的选择器，如：.class、#id、并集选择器、后代选择器、元素选择器、::after、::before等伪选择器