关于SCSS入门功能(上)

本文介绍了SCSS的基本用法,包括文件命名、导入、注释和变量的使用。在HTML中引用的是编译后的.css文件,而.scss文件在工程启动时会被自动编译。SCSS支持行注释和块注释,行注释在编译后会消失。变量可以在样式值和名称中使用,可以设置默认值,并通过#()包裹进行组合。此外,SCSS还支持数组和键值对,便于批量操作。
摘要由CSDN通过智能技术生成

最近开始学习使用scss,把我的感受和大家分享一下

首先是机制

我们直接手写的是.scss,然后在启动工程的情况下,scss会自动编译成.css,来提供给HTML,所以反过来说,我们在html中要Link href的是.css,(.scss的机制会加测每次内容改变时候重新编译生成最新的css(覆盖旧的),其中你会在文件目录下看到一个.css.map的文件,应该是编译的产物,因为看到是json数据转化,当然这个和我们讨论的没多大关系。)。重点就是我们在html中要Link href的是.css,写样式却在.scss中,转化是自动搞定的,(在启动工程的情况下,或者说系统一套完整的的情况下)。

我们学习过程中分为12个部分,略去了我目前用不到,或者功能相似的,

1.文件命名和后缀。

这个很easy,一般都用.scss,(sass的一种,)特点是和普通html结构一样,有{}括号和;号区别和断句。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值