Sass基础视频教程

2023/7/6 10:13:38

Sass让人们受益的一个重要特性就是它为CSS引入了变量。你可以把反复使用的CSS属性值 定义成变量,然后通过变量名来引用它们,而无需重复书写这一属性值。或者,对于仅使用过一 次的属性值,你可以赋予其一个易懂的变量名,让人一眼就知道这个属性值的用途。

Sass基础视频教程

Sass完全兼容所有版本的CSS,我们对此严格把控,所以你可以无缝地使用任何可用的CSS库,Sass拥有比其他任何CSS扩展语言更多的功能和特性。Sass核心团队不懈努力,一直使其保持领先地位。Sass已经经过其核心团队超过8年的精心打造。一次又一次地,行业把Sass作为首选CSS扩展语言。数家科技企业和成百上千名开发者为Sass提供支持。

准备

Mac:安装Sass Windows:安装Sass 把Sass编译成CSS 自动编译Sass 修改编译输出的CSS格式 .sass与.scss的区别

基础

变量-Variables 嵌套-Nesting 嵌套时调用父选择器 嵌套属性 混合-Mixins Mixin里的参数 继承/扩展-inheritance Partials与@import 注释

数据类型

数据类型-datatype 数字 数字函数 字符串 字符串函数 颜色 颜色函数-rgb与rgba 颜色函数-hsl与hsla 颜色函数-adjust-hue 颜色函数-lighten与darken 颜色函数-saturate与desaturate 颜色函数-opacify与transparentize 列表-list 列表函数 map与相关函数 布尔值 Interpolation

控制指令

控制指令-ControlDirectives @if @for @each @while

自定义

用户自定义的函数 警告与错误

下载密钥:up5g

零度视频教程下载