CSS预处理器---Sass/Scss

less、sass、stylus都是css预处理器,语法稍有差异,但作用一样,都是让css增强能力,具备变量、函数等能力。
sass的语法分:.sass 和 .scss 。

Sass和Stylus的语法类似:

1、要求不加分号

2、不能加大括号{}(用缩进表示层级关系)

Scss和less的语法类似,但定义变量的方法不同:

1、less用@定义变量---@color

2、scss用定义变量---color

具体使用方法可参考官方网站:

sass中文官网

less中文官网

stylus中文官网

相关推荐
我命由我123456 分钟前
浏览器的 JS 模块化支持观察记录
开发语言·前端·javascript·css·html·ecmascript·html5
啥都不懂的小小白1 小时前
前端CSS入门详解
前端·css
林恒smileZAZ1 小时前
前端大屏适配方案:rem、vw/vh、scale 到底选哪个?
开发语言·前端·css·css3
apcipot_rain9 小时前
CSS知识概述
前端·css
Brookty12 小时前
HTTP应用数据组织、HTML/CSS/JS数据描述及应用层数据处理介绍
css·网络·http·html
奔跑的呱呱牛1 天前
CSS Grid 布局参数详解(超细化版)+ 中文注释 Demo
前端·css·grid
我是伪码农1 天前
HTML和CSS复习
前端·css·html
阿珊和她的猫1 天前
以用户为中心的前端性能指标解析
前端·javascript·css
_耀北1 天前
用 Canvas + CSS 打造“会呼吸”的天气卡片(附源码可复制)
前端·css
牧码岛1 天前
Web前端之样式中的light-dark函数,从媒体查询到颜色函数,从颜色到图片,light-dark打开CSS新时代、主题切换的暗黑模式到image的正解
前端·css·web·web前端