样式相关

样式和组件介绍

小程序中不能使用HTML标签，也就是没有DOM和BOM，css也仅仅支持部分选择器。

尺寸单位rpx

微信小程序规定，不管什么型号的手机，屏幕宽度都是750rpx。rpx单位能够实现自适应。
开发建议：
设计师可以用iphone6作为视觉稿的标准，iphone6的设计稿一般是750px。这样在iphone6下，px和rpx的换算关系是：1px = 2rpx。

全局样式和局部样式

在小程序中，所有的组件样式都是局部样式。局部样式对当前页面内的组件有效。
全局样式：指在app.wxss中定义的样式规则，作用于每一个页面。
局部样式：指在page.wxss中定义的样式规则，只作用于对应的页面，并会覆盖app.wxss中相同的选择器。

组件

小程序中常见的组件
- view：视图容器，类似于HTML中的div
- image：图片
  1.src属性：图片资源地址
  2.mode属性：图片裁剪、缩放的模式
  3.lazy-load属性：图片懒加载
  4.show-menu-by-longpress属性：开启长按图片显示识别小程序码菜单
  注意：
    1.小程序中的图片默认宽度320rpx，高度240rpx。
    2.src属性没有设置图片地址，也占据宽和高。
- text：文本
  2.user-select属性：文本是否可选
  3.space属性：显示连续空格
- button：按钮
- form：表单
- input：输入框
- label：标签
- picker：选择器
- picker-view：选择器视图
- progress：进度条
- radio：单选框
- radio-group：单选框组
- checkbox：复选框
- checkbox-group：复选框组
- swiper：滑块视图容器
- swiper-item：滑块视图容器子项
- navigator：页面链接
  1.url属性：跳转的路径
  2.open-type属性：跳转的方式
    - navigate：对应wx.navigate函数，保留当前页面，跳转到应用内的某个页面。但是不能跳到tabbar页面。
    - redirect：对应wx.redirect函数，关闭当前页面，跳转到应用内的某个页面。但是不能跳到tabbar页面。
    - switchTab：对应wx.switchTab函数，跳转到应用内的某个tabbar页面，并关闭其他所有非tabbar页面，不支持传参。
    - reLaunch：对应wx.reLaunch函数，关闭所有页面，打开到应用内的某个页面。
    - navigateBack：对应wx.navigateBack函数，关闭当前页面，返回上一页面或多级页面。可通过getCurrentPages()获取当前的页面栈，决定需要返回几层。
   注意事项：
        
- video：视频
- canvas：画布
- open-data：开放数据组件
- web-view：承载网页的容器
- scroll-view：可滚动视图区域
- 小程序的background-image不支持本地路径，需要使用网络图片，或者base64，或者使用<image/>组件。