1.小程序的样式和组件介绍
1.在开发 Web 网站的时候:页面的结构由 HTML进行编写，例如:经常会用到 div、p、span、img、a等标签页面的样式由 CSS 进行编写，例如:经常会采用.class、#id、element 等选择器
2.但在小程序中不能使用 HTML 标签，也就没有 DOM 和 BOM，CSS 也仅仅支持部分选择器
3.小程序提供了 WXML 进行页面结构编写，同时提供了 WXSS 进行页面的样式编写
4.WXML 提供了 view、text、image、navigator 等标签来构建页面结构，只不过在小程序中将标签称为 组件
5.WXSS 对 CSS 扩充和修改，新增了尺寸单位 rpx、提供了全局的样式和局部样式，另外需要注意的是 WXSS 仅支持部分 CSS
2.样式-尺寸单位 rpx
1.随着智能手机的发展，手机设备的宽度也逐渐多元化，这就需要开发者在开发的时候，需要适配不同屏幕宽度的手机。为了解决屏幕适配的问题，微信小程序推出了rpx 单位
2.rpx:是小程序新增的自适应单位，它可以根据不同设备的屏幕宽度进行自适应缩放
3.小程序规定任何型号手机:屏幕宽都为 750rpx
3.样式-尺寸单位 rpx
1.随着智能手机的发展，手机设备的宽度也逐渐多元化，这就需要开发者在开发的时候，需要适配不同屏幕宽度的手机。为了解决屏幕适配的问题，微信小程序推出了rpx 单位
2.rpx:是小程序新增的自适应单位，它可以根据不同设备的屏幕宽度进行自适应缩放
3.小程序规定任何型号手机:屏幕宽都为 750rpx
4.开发建议:
1.开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准，iPhone6 的设计稿一般是 750px
2.如果用 iPhone6 作为视觉稿的标准 量取多少 px，直接写多少 rpx 即可，开发起来更方便，也能够适配屏幕的宽度
1.设计稿宽度是 750px，而iPhone6 的手机设备宽度是 375px， 设计稿想完整展示到手机中，就需要缩小一倍
2.在 iPhone6下，px和rpx的换算关系是:1rpx=0.5px，750rpx=375px，刚好能够填充满整个屏幕的宽度
4.样式-全局样式和局部样式
1.在进行网页开发时，我们经常创建 alobal.css、base.css 或者 reset.css 作为全局样式文件进行重置样式或者样式统一，然后在每个页面或组件中写当前页面或组件的局部样式，小程序中也存在全局样式和局部样式。
2.全局样式:指在 app.wxss 中定义的样式规则，作用于每一个页面，例如:设置字号、背景色、宽高等全局样式
3.局部样式:指在 page.wxss 中定义的样式规则，只作用在对应的页面，并会覆盖 app.wxss 中相同的选择器。
