Sass

Sass 是基于Ruby语言开发而成的 CSS 扩展语言，是 CSS 预处理器；

Sass 提供了许多便利的写法，可以减少 CSS 代码的重复，节省开发时间。

Sass环境搭建

Live Sass Compiler

在VScode中安装 Live Sass Compiler 插件，它可以帮助我们实时编译Sass代码，将其转化为CSS代码。

Sass初体验

在VScode中创建Sass文件，在Sass文件中可以正常编写CSS文件。

点击VScode下方的Watch Sass，会编译Sass代码生成CSS代码。

Sass基础语法

Sass有两种形式分别以.scss和.sass为后缀;

先以.scss为例，（最后再看.sass）建立.scss形式的Sass文件;

嵌套

在Sass中可以将选择器层级进行嵌套，提高编码效率。

标识符

在层级嵌套中，使用 标识符& 代表父选择器。

sass

.sass文件与.scss文件类似，将.scss文件中的{ 、}、 ; 去掉就变成了.sass文件。

Sass的两种形式其实是同一种东西，差别不大，可以按个人的使用习惯进行选择。

Sass -- 基础知识与环境搭建相关推荐

深度学习图像识别：基础知识与环境搭建
深度学习图像识别:基础知识与环境搭建 1. 深度学习的基本原理什么是人工智能? 通过学习掌握了某中技能的机器,我们认为它具备了人工智能什么是深度学习? 深度学习的概念源于人工神经网络的研究: 含多 ...
C语言零基础入门——1.基础知识与环境搭建。
C语言零基础入门--1.基础知识与环境搭建. 好了.终于迎来了第一篇文章,这篇文章要做的事情非常简单,主要有三个事情第一:C语言的介绍. 第二:计算机的基础知识. 第三:C语言的环境安装 ...
Cadence基础知识2(环境搭建、原理图库制作、原理图绘制、快捷键)
需求说明:Cadence基本知识内容 :环境搭建.原理图库制作.原理图绘制.快捷键来自 :时间的诗 1 初始化环境 a 打开OrCAD Capture CIS软件 b 选择 ...
Android 基础知识 -- Linux环境搭建
Android 开发工具下载网站:http://www.androiddevtools.cn/ 1 JDK 1.1 下载JDK,解压后放到/usr/lib/jvm/目录 sudo mv jdk1.7. ...
Python数据分析高薪实战第一天 python基础与项目环境搭建
开篇词数据赋能未来,Python 势不可挡你好,我是千帆. 互联网公司从红利下的爆发期,进入新的精细化发展阶段,亟须深入分析与挖掘业务与数据价值,从而找到新的增长点突破现有增长瓶颈.各行各业的数据 ...
【Java基础】Java环境搭建
文章目录一.前期准备 1. 基础知识 2. 软件二.安装 1. JDK安装 2. 配置环境变量三.总结一.前期准备 1. 基础知识 JVM:Java Virtual Machine,也就是Ja ...
分布式基础篇1——环境搭建（谷粒商城）
一.项目简介 1.电商模式 2.项目前置知识 3.项目技术&特色 4.项目架构图 5.微服务划分图二.分布式基础概念 1.微服务 2.集群&分布式&节点 3.远程调用 4.负 ...
Unity开发（一）.Unity基础以及开发环境搭建
1. Unity基础知识概括 1)初识 Unity 由 Unity Technologies开发,创建三维视频游戏,建筑可视化及实时三维动画等互动内容的多平台的综合性开发工具. 编辑器运行平台:Win ...
从零开始学WEB前端——前置知识以及环境搭建
??项目介绍先做个自我介绍,本人是一个没人写前端所以就自学前端的后端程序员??.在此项目中我会和大家一起从零基础开始学习前端,从后端程序员的视角来看前端,受限于作者的水平本项目暂时只会更新到前端框架 ...
循序渐进linux——基础知识、服务器搭建、系统管理、性能调优、集群应用_第四讲，Proxmox部署与应用...
大家好!今天小编继续给大家介绍Ceph存储系统第四讲<Proxmox部署与应用>.在前几讲给大家介绍了Ceph存储系统基础知识,大家应该已经对Ceph有个大概了解,当然了解归了解,在实际工 ...

Sass -- 基础知识与环境搭建

文章目录