微信小程序（三）——WXSS

1.样式导入

使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。

首先在page文件下新建一个文件为style，并写一个样式文件box.wxss；

box.wxss:

.box{
    height: 100px;
    width: 100px;
    color: blueviolet;
    font-size: 50px;
}

然后新建一个文件，在其wxml文件里面写上内容；

wxml:

<view class="box">box</view>

 这里我们需要在wxss文件里面进行导入；

@import "../style/box.wxss";

这里注意目录层次问题，由于style文件是与Index文件相并列的，所以要返回上一层文件目录；

运行效果：