微信小程序（三）——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文件相併列的，所以要返回上一層文件目錄；

運行效果：