技术栈

CSS预处理器---Sass/Scss

煸橙干儿~~2024-01-30 15:20

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

Sass和Stylus的语法类似:

1、要求不加分号

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

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

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

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

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

sass中文官网

less中文官网

stylus中文官网

上一篇:Mygin中间件优化及logger日志中间件
下一篇:研发日记,Matlab/Simulink避坑指南(五)——CAN解包 DLC Bug
相关推荐
ziblog
1 天前
CSS3白云飘动动画特效
前端·css·css3
半斤鸡胗
1 天前
css3基础
前端·css
ziblog
1 天前
CSS3创意精美页面过渡动画效果
前端·css·css3
akangznl
1 天前
第四章 初识css3
前端·css·css3·html5
会豪
1 天前
深入理解 CSS3 滤镜(filter):从基础到实战进阶
前端·css·css3
头顶一只喵喵
1 天前
CSS3进阶知识:CSS3盒子模型,box-sizing:content-box和box-sizing:border-box的讲解
前端·css·css3
小飞大王666
1 天前
css进阶用法
前端·css
小飞大王666
1 天前
CSS基础知识
前端·css
腾讯蓝鲸智云
1 天前
【运维自动化-节点管理】节点管理跟配置平台的联动关系
运维·服务器·经验分享·自动化·sass·paas
摇滚侠
1 天前
css 设置边框
前端·css
热门推荐
01GitHub 镜像站点02Vue-skills的中文文档03一文了解国产算子编程语言 TileLang,TileLang 对国产开源生态的影响与启示04Claude Code Skills 实用使用手册05让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南06Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services07UV安装并设置国内源08OpenClaw部署与配置教程:在Mac mini上接入国产大模型与飞书09在Trae中使用Pencil MCP10Linux下V2Ray安装配置指南