Sass学习

Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。

我的Sass学习路径:一.Sass简介-慕课网 + Sass安装-慕课网二.Sass官网的介绍和入门教程三.侧栏工具条开发-慕课网+Sass用法指南 - 阮一峰的网络日志四.sass(基础篇)-慕课网+sass(进阶篇)-慕课网+sass(高级篇)-慕课网五.Sass官网手册+Sass入门篇-慕课网(中文参考资料)+Sass进阶篇-慕课网(中文参考资料)----------------------...

Sass 教程 Sass中文网.HK Sass中文文档 Sass百度百科

sass是css扩展语言，是css预处理器，减少css重复代码相比于css增加了变量、嵌套规则、mixin、导入、继承、内置函数和其他功能。sass文件后缀为.scss。需要使用一个 Sass 预处理器将 Sass 代码转换为 CSS 代码。

Sass学习笔记，包含Sass和Vue整合等内容

sass安装与学习网站： http://www.w3cplus.com/sassguide/ 转载于:https://www.cnblogs.com/oscar1987121/p/5108901.html

最全的sass/scss学习资源

SASS 是 CSS 预处理，它提供了变量（虽然现在 CSS 也提供了，不过 SASS 的更加灵活），嵌套、mixin、函数、导入和扩展等功能，可以高效地做到代码复用。SASS 包括 SASS 和 SCSS，二者都支持嵌套、mixin 和变量，主要的区别在：语法SCSS 的语法更加贴近 CSS，而 SASS 不适用{}和;，并且依赖缩进定义结构（有点类似 python 的写法）因此 SASS 的排版必然是更加简洁和美观的，相对而言刚从 CSS 转到 SASS 也有可能会不太适应兼容性。

1.sass编写环境的准备 1.1  安装ruby环境 安装方法可以参考：http://blog.csdn.net/sinat_34254650/article/details/50896199 1.2 sublime Text编辑器 安装sublime Text编辑后

Sass是强化css的一个工具，变量、判断、函数、循环等都有可以在scss中实现。Sass源文件不能被浏览器解析，只有css文件才可以。Sass转成css需要借助工具Esay Sass。Sass有两种编码格式一种是sass编码方式（省略大括号的编码格式），另一种是scss编码格式（使用大括号的编码格式）。

Sass 的安装：https://www.w3cplus.com/sassguide/install.html 或https://www.w3cschool.cn/sass/sass_installation.htmlSass 中文网：https://www.sass.hk/Sass 学习教程：https://www.w3cschool.cn/sass/ 转载于:https://www.c...

在正常的编写css的基础上，增加了很多变量，函数，循环，判断等类似编程语言的代码模式。在一个文件中定义变量和混合器，在写css的时候文件比较混乱，所以通常会将变量和混合器放在单独的文件中，通过命令导入进来，这样每个文件中的代码都是同一类。sass的编译，最早的时候需要使用ruby语言的环境，后来使用python语言的环境也可以，现在，有很多工具都可以编译sass。使用node进行编译sass的时候，首先要安装sass包。sass文件的后缀分两种：.sass和.scss，相对来说，.scss使用的比较多。

Sass笔记总结 Sass快速入门

本来看了阮一峰和于江水两位老师的博客，有看了ionic自带的sass文件，原以为自己已经是很熟悉，精通了。可是我居然连ruby都不知道真实惭愧啊，辛亏看了www.sass.hk 我想这篇官方文档肯定比2位老师的要全，我也就不自己整理了；方便大家学习吧。 转载于:https://www.cnblogs.com/StephenJiang/p/4601046.html...

Sass样式语言基本的写法和语法，Sass环境的基本安装和开发

思维导图： 1. SASS作用 CSS预处理器，功能上大同小异，都是使用类似程序样式语言的方式来编写CSS，都具有变量，混入，嵌套，继承等特性，最终目的都是方便CSS的书写及维护。 2. SASS注释 标准注释：/ 评论 /，会保留到编译后的文件。 单行注释：//评论，只保留在Sass源文件中，编译后被省略。 强制注释：/！ 评价/ 在压缩状态 下也显示； 3. SASS样式导入 @import 可以根据文件扩展名不同而用不同的方式处理 如果文件是.css的扩展名，将与CSS中的@import语句保

文章目录sass的学习笔记一.sass的介绍二.环境搭建及编译指令1.sass编译环境:将sass代码编译成css代码(html加载的还是css代码)2.利用ruby环境进行编译 - 配置ruby环境三.编译后输出格式四.sass扩展名五.sass-变量的定义（重点）六.注释--（重点）七.sass-嵌套--（重点）八.Sass-mixin函数--重点九.Sass-继承扩展--@extend--重点十.Sass-导入（局部文件）--重点十一.Sass-判断语句十二.Sass-数组/map十三.Sass-循环

CSS定位：将盒子定在某一个位置，所以定位也是在摆放盒子， 按照定位的方式移动盒子。 定位 = 定位模式 + 边偏移 。 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。 绝对定位 相对定位 固定定位 子级绝对定位，父级相对定位的由来（子绝父相） ① 子级绝对定位，不会占有位置，可以放到父盒子里面的任何一个地方，不会影响其他的兄弟盒子。 ② 父盒子需要加定位限制子盒子在父盒子内显示。 ③ 父盒子布局时，需要占有位置，因此父亲只能是相对定位。 这就是子绝父相的由来，所以相对定