https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
微信小程序的样式文件是以wxss结尾的文件。
1)在微信小程序基本都是使用rpx的像素单位(弹性布局也叫自适应布局,可以根据屏幕的大小弹性缩放,即横屏、竖屏布局的屏幕大小将会发生改变)
HTML也有弹性单位rem,微信小程序不能使用rem,通过rpx代替
- 在微信小程序也可以使用px的像素单位,px像素单位是固定的,不会因为屏幕的大小或者分辨率的改变而改变
- 微信小程序也可以通过百分比设置像素
::before在 view 组件前边插入内容
::after在 view 组件后边插入内容
【1】flexbox弹性容器(设置容器的横向、纵向布局)
详解
http://caibaojian.com/flexbox-guide.html
<view class="box">
<view class="item"></view>
<view class="item"></view>
<view class="item"></view>
<view class="item"></view>
</view>
/*
nth-of-type(1) 索引为1,从头算起
nth-last-of-type(1) 索引为1,从尾部算起