1. 概述:是一套样式语言,用来描述WXML的组件样式,与CSS相比扩展了属性有,尺寸单位:rpx,rem.样式导入:使用@import语句可以导入外联样式表.
1.1选择器
选择器 样例 描述
.class .intro 选择所有拥有class="intro"的组件
#id #firstname 选择拥有id="firstname"的组件
element view 选择所有view组件
element,element view checkbox 选择所有文档的view组件和所有的CheckBox组件
::after view::after 在view后面插入内容
::before view::before 在view组件前边插入内容
1.2尺寸单位
rpx:规定屏幕宽750rpx
rem:规定屏幕宽度为20rem
1.3高度,宽度:height,width,单位可以用px,rpx,rem或者百分比
1.4内间距:padding
1.5外间距:margin
1.6边框:border
1.7字体颜色:color
1.8背景background
1.9字体font-size
1.10布局display:flex
flex-direction:row(横向排列,各子块必须定义宽度或flex,高度默认为容器高度)
flex-direction:column(纵向排列,各子块必须定义高度或flex,宽度默认为容器宽度)