朋友们！大家好！
上一章我们完成了小程序项目的tabBar结构框架。
今天，我们要做的是对样式做一些处理。
怎么做呢？
so easy，
就是对页面的样式进行初始化处理。
通常情况下，我们写代码会用到通配符 ”* “，如下图中：
但是，在小程序中通配符是不能使用的，会报错！
这个小tip 我们之前也重点强调过哈~~大家牢记哦~~
所以，我们在小程序中是通过手写标签名来替代通配符的使用。
打开app.wxss文件，写入如下代码：
page,view,text,swiper,swiper-item,image,navigator
{
padding: 0;
margin: 0;
box-sizing: border-box;
}
点击保存，点击调试器—— console —— wxml，可看到最外层的标签 page 已出现。
如下图所示：
这样就初步对这些标签实现了页面的初始化，后期项目搭建过程中若再需要别的标签，我们再及时添加即可。
（一）设置页面的主题颜色
我们要做的小程序的主题颜色是红色的，这里通过变量来设置实现。
步骤如下：
1、定义主题颜色。打开文件 app.wxss，加入如下代码：
page{
/* 定义主题颜色 */
--themeColor:#eb4450;
}
2、使用主题颜色。打开文件inddex.wxss，加入view标签，代码如下：
view{color: var(--themeColor);}
3、点击保存，小程序页面内容“首页⭐”变成红色。如下图：
所以，下次大家要使用主题颜色的时候，记住“--themeColor”即可！！
（二）设置页面的字体大小
我们习惯于先给小程序项目定义一个统一的字体大小，这样更规范美观些。
1、假设存在设计稿为375px，小程序中1px=2rpx。所以，为了统一字体大小，设置14px的字体，即28rpx。
2、打开app.wxss文件，在page标签中，继续写入如下代码：
page
{
/* 定义统一字体大小 */
font-size: 28rpx;
}
3、点击保存，字体变小，如下图：
并且字体大小可随屏幕比例的变化而变化。
我们将屏幕比例变为750，可明显看到字体变大。
（三）设置导航栏颜色
1、打开文件app.json，通过设置 tarbBar 字段上方的window字段来实现。
代码如下：
"window": {
"navigationBarBackgroundColor": "#eb4450",
"navigationBarTextStyle": "white"
},
navigationBarBackgroundColor 为背景颜色，这里设置为红色； navigationBarTextStyle 为字体颜色，这里设置为白色。
其余代码保持不变，保存，小程序页面的效果如下：
可以看到，小程序页面的导航栏背景颜色为红色；字体为白色。
这样，
通过设置页面的标签、主题颜色、字体大小以及导航栏颜色，
