首页技术文章正文

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

更新时间:2023年03月06日 11时29分38秒 来源:黑马程序员

1577370495235_学IT就到黑马程序员.gif


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";


猜你喜欢:

什么是网页布局?DIV+CSS技术的布局流程是怎样的?

什么是css盒子,在网页中起到什么作用?

什么是less?如何通过Less变量来实现CSS样式?    

黑马程序员web前端培训

分享到:
在线咨询 我要报名
和我们在线交谈!