小程序的样式

<!--pages/03_learn_wxss/index.wxml-->
<text>pages/03_learn_wxss/index.wxml</text>

<!-- 1.样式的编写方式 -->
<!-- 1.1.应用全局样式 -->
<view class="title">learn wxss title</view>

<!-- 1.2.页面中的样式 -->
<view class="message">learn wxss message</view>

<!-- 1.3.行内的样式 -->
<view style="color: blue;">inline style</view>

<!-- 2.rpx单位的使用 -->
<view class="item">
  我是文本
</view>

/* pages/03_learn_wxss/index.wxss */
.message {
  color: green;
}

/* 设置item的宽度和高度 */
.item {
  font-size: 32rpx;
  /* iphone6: 1px === 2rpx */
  width: 200rpx;
  height: 200rpx;
  background-color: #f00;
}

/**app.wxss**/
.title {
  font-size: 30px;
  font-weight: 700;
  color: red;
}