### [小程序如何引入外部css](https://www.prosaas.cn/article/16494)

**Published:** 2020-12-15T02:38:55

**Author:** 5201314

**Excerpt:** 小程序引入css文件的方法：1、在小程序项目中创建一个目录装css文件；2、将css文件改名成“**.wxss…

> 小程序引入css文件的方法：1、在小程序项目中创建一个目录装css文件；2、将css文件改名成“\*\*.wxss”；3、在“app.wxss”中使用“@import "css文件的路径";”语句进行引入即可。

![](https://img.php.cn/upload/article/202012/15/2020121510372497456.jpg)

本教程操作环境：windows7系统、css3版、thinkpad t480电脑。

**微信小程序 怎样导入外部css**

1：下载好外部css文件

2：创建一个目录装css文件

![](https://img.php.cn/upload/article/000/000/024/e43cbf2d330805783eb447171f8b6875-0.png)

3：将文件改名成 \*\*.wxss;

![](https://img.php.cn/upload/article/000/000/024/e43cbf2d330805783eb447171f8b6875-1.png)

4:在app.wxss中导入就行

代码如下：

@import "/style/iconfont.wxss";

![](https://img.php.cn/upload/article/000/000/024/e43cbf2d330805783eb447171f8b6875-2.png)

更多编程相关知识，请访问：编程教学！！

以上就是小程序如何引入外部css的详细内容，更多请关注知企PROSAAS其它相关文章！

**Tags:** css, css3, 微信小程序

**Categories:** 后端开发

---