教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

SCSS是什么?有什么特性?安装使用的步骤是什么?

更新时间:2021年03月26日17时28分 来源:传智教育 浏览次数:


SCSS是一个CSS的预编译工具,是一个CSS预编译语言;

有哪几大特性:
1)可以用变量,例如($变量名称=值);
2)可以用混合器;
3)可以嵌套;

SCSS特性

使用步骤:
第一步:用npm下三个loader(sass-loader、css-loader、node-sass);
第二步:在build目录找到webpack.base.config.js,在那个extends属性中加一个拓展.scss;
第三步:还是在同一个文件,配置一个module属性;
第四步:然后在组件的style标签加上lang属性,例如:lang="scss";


猜你喜欢:

CSS选择器用法大全

HTML、CSS和JavaScript分别是什么?有什么作用?

Web前端入门教程:html+css+JavaScript下载

传智教育web前端培训

0 分享到:
和我们在线交谈!