Sass安装步骤

在使用Sass之前，我们需要配置一下Sass的开发环境。这一节给大家介绍一下Sass的安装、更新和卸载。...

2023/5/11 9:00:08 阅读:57次

Sass 继承、占位符和混合宏

很多初学者刚刚接触的时候，都容易纠结什么时候用混合宏，什么时候用继承，然后什么时候用占位符。其实，这3个都有它们自身的优缺点。这一节我们来详细探讨一下这3个在实际开发中的不同。...

2023/5/11 9:00:09 阅读:33次

Sass变量简介

我们都知道，JavaScript可以有变量、数据类型、函数等语法。而作为一门“编程式”的语言，Sass同样也具备这些语法。在接下来Sass的学习中，大家别忘了多多将Sass的语法与JavaScript的语法对比，这样更能加深理解和记忆。这一节，我们先来介绍一下Sass中的变量。...

2023/5/11 9:00:08 阅读:37次

Sass插值实例讲解

在Sass中，我们可以通过使用插值的方式来实现在“选择器名”、“属性名”以及“属性值”中插入一个“变量的值”，从而来“构造”一个新的选择器名、新的属性名以及新的属性值。...

2023/5/11 9:00:08 阅读:29次

Sass 教程 - Sass入门学习

Sass是功能最为强大、最成熟、并且是最为流行的CSS预处理器。因此，对于Sass、Less和Stylus这3个，我们还是建议大家学习Sass。Sass是一种动态样式语言，比CSS多出好些功能（如变量、嵌套、运算、混入、继承、颜色处理、函数等），更容易阅读。...

2023/5/11 9:00:08 阅读:31次

Sass代码重用

在实际开发中，我们经常会碰到好些不同地方都用到相同的CSS样式的情况。如果相同的CSS样式只有一个CSS属性，此时只需要使用Sass变量实现就可以满足了。如果相同的CSS样式有多个CSS属性，这个时候我们就希望把“相同的CSS样式”当做整块来处理。...

2023/5/11 9:00:09 阅读:32次

Sass开发工具介绍

上一节我们只是配置了一下Sass的开发环境，只有把Sass开发环境配置好，我们才可以开始编写Sass代码。那么小伙伴可能就有疑问了：我们具体在哪写Sass代码呢？...

2023/5/11 9:00:08 阅读:40次

Sass的三种基本运算介绍

在Sass中，共有3种运算情况：（1）数字运算；（2）字符运算；（3）颜色运算；...

2023/5/11 9:00:08 阅读:32次

Sass继承实例讲解

在Sass中，我们可以使用“@extend”来继承一个样式块，从而实现代码的重用。...

2023/5/11 9:00:08 阅读:35次

Sass混合宏实例介绍

在Sass中，我们可以使用“混合宏（mixin）”来处理经常被多个地方使用的相同的CSS代码块。混合宏，跟JavaScript中的函数很相似，我们可以称之为“Sass中的函数”。...

2023/5/11 9:00:08 阅读:27次

Sass流程控制@if语句

在Sass中，我们可以使用“@if语句”来进行条件选择判断。Sass的条件选择语句共有3种：（1）@if…（单向选择）；（2）@if…@else…（双向选择）；（3）@if…@else if…（多向选择）；接下来，我们一一详细介绍这3种条件选择语句。...

2023/5/11 9:00:09 阅读:42次

Sass流程控制@for循环

接触过Boostrap的小伙伴，估计都见过.col1~.col12这样的样式。在CSS中，对于这种样式我们一般都需要一个一个地书写。但是在Sass中，我们可以使用@for循环来实现。在Sass中，我们可以使用“@for”来实现循环操作。其中，Sass中的@for循环有2种方式。...

2023/5/11 9:00:09 阅读:37次

Sass流程控制@each循环

除了@for以及@while这2种循环方式之外，Sass还为我们提供了另外一种循环方式：each循环。Sass中的each循环跟jQuery中的each循环很相似，大家对比一下。...

2023/5/11 9:00:09 阅读:37次

Sass基本运算介绍

在Sass中，共有3种运算情况：（1）数字运算；（2）字符运算；（3）颜色运算。...

2023/5/11 9:00:09 阅读:42次

Sass 数据类型详细介绍

跟JavaScript一样，Sass也有属于自己的数据类型。在Sass中，共有7种数据类型：数字值；字符串；布尔值；颜色值；列表值；Map值；空值null；接下来，我们在这一节详细介绍一下Sass种的7种数据类型。...

2023/5/11 9:00:08 阅读:50次

Sass 嵌套方式讲解

Sass为我们提供了一种方便的操作方式：嵌套。在Sass中，共有3种嵌套方式：（1）选择器嵌套；（2）属性嵌套；（3）伪类嵌套；...

2023/5/11 9:00:08 阅读:42次

Sass语法基础总结

在这一章中，我们共介绍了Sass中的变量、数据类型、嵌套、插值以及注释等。...

2023/5/11 9:00:08 阅读:35次

Sass四种数字运算详细介绍

在Sass中，共有4种数字运算：（1）加法；（2）减法；（3）乘法；（4）除法；这4种运算方式，我们在其他编程语言（如JavaScript）也能看到，但是Sass的这4种运算不太一样，还是有不少我们需要注意的地方。所以在这一节中，小伙伴们要细心留意一下。...

2023/5/11 9:00:08 阅读:55次

实现Sass注释的三种方式

在Sass中，共有3种注释方式：（1）//注释内容；（2）/*注释内容*/；（3）/*!注释内容*/。...

2023/5/11 9:00:08 阅读:40次

Sass流程控制详细介绍

Sass作为一门编程式的语言，也有属于自己的一套流程控制语法。（1）@if语句；（2）@for循环；（3）@while循环；（4）@each循环。...

2023/5/11 9:00:08 阅读:35次

Sass占位符实例讲解

在Sass中，我们引入了占位符“%placeholder”来进一步优化“@extend”。我们先来看一个例子。...

2023/5/11 9:00:08 阅读:29次

Sass颜色运算详细介绍

颜色值是Sass中的一种特殊的数据类型，我们在之前“Sass数据类型”这一节已经详细介绍过了。在Sass中，我们也是可以对颜色值进行运算的。颜色运算支持加、减、乘、除，并且是分段进行计算的。也就是说，红、绿、蓝这3个部分的颜色是单独进行计算的。...

2023/5/11 9:00:09 阅读:36次

Sass字符运算介绍

Sass中，我们可以使用“+”（加号）来实现字符串的拼接。对于字符串的连接，我们分为3种情况来考虑：（1）如果左右两个字符串都是有引号的，结果是一个有引号的字符串；（2）如果左边字符串是有引号的，右边字符串是没有引号的，结果是一个有引号的字符串；（3）如果左边字符串是没有引号的，右边字符串是有引号的，结果是一个没有引号的字符串...

2023/5/11 9:00:09 阅读:31次

Sass流程控制@while循环

在Sass中，我们也可以使用@while语句来实现循环操作。跟JavaScript一样，@while语句既是循环语句，也是条件判断语句。...

2023/5/11 9:00:09 阅读:31次