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中文官网

相关推荐
程序猿_极客18 分钟前
【期末网页设计作业】HTML+CSS+JavaScript 猫咪主题网站开发(附源码与效果演示)
前端·css·html·课程设计·网页设计作业
JackieDYH1 小时前
CSS实现跑马灯效果-案例
前端·css·css3
座山雕~2 小时前
html 和css基础常用的标签和样式(2)-css
前端·css·html
叉歪3 小时前
实现在 UnoCSS 中使用任意深度颜色的预设
前端·css
charlie1145141913 小时前
CSS学习笔记3:颜色、字体与文本属性基础
css·笔记·学习·教程·基础
Sherry0073 小时前
【译】🔥如何居中一个 Div?看这篇就够了
前端·css·面试
Qinana4 小时前
🚙微信小程序实战解析:打造高质感汽车展示页
前端·css·程序员
有点笨的蛋5 小时前
深入前端工程的细枝末节:那些被忽略却决定页面体验的 CSS 关键细节
前端·css
Revol_C5 小时前
【Element Plus】升级版本后,el-drawer自定义的关闭按钮离奇消失之谜
前端·css·vue.js
Watermelo6175 小时前
从vw/h到clamp(),前端响应式设计的痛点与进化
前端·javascript·css·算法·css3·用户界面·用户体验