1.CSS Cascading Style Sheets，层叠样式表。具体内容不再赘述。 2.LESS css的预处理器，为了解决一些css的弊端，和扩展一些更强大的功能，以及提高效率减少重复。 3.SCSS 同less，只不过功能更多些。（通常说的用的sass，其实是scss） 4.SASS 同s ...
转载
2021-08-26 18:46:00
300阅读
2评论
想必大家学习CSS的时候一定接触过LESS和SASS吧，但可能还是有很多朋友对他们的概念模糊，下面不妨就跟着一起了解一下关于它们的故事。背景CSS（层叠样式表）是一门非程序式语言，入门学习使用非常直观方便，但是对于一些比较复杂或者重用性比较强的项目来说，因为CSS没有变量、函数、SCOPE（作用域），需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会
原创
2019-12-27 14:57:23
692阅读
CSS & SASS & SCSS & less
CSS preprocessors
转载
2019-06-29 23:36:00
265阅读
首先菜鸟教程的中文文档：https://www.runoob.com/sass/sass-tutorial.html接下来，开始学习一、什么是Sass? Sass (英文全称：Syntactically Awesome Stylesheets) 是一个最初由 Hampton Catlin 设计
可能大家对于css还是比较了解了，但说到SASS和LESS还是很陌生，那么今天就跟我来一起了解一下CSS、LESS和SASS。背景CSS（层叠样式表）是一门非程序式语言，入门学习使用非常直观方便，但是对于一些比较复杂或者重用性比较强的项目来说，因为CSS没有变量、函数、SCOPE（作用域），需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少C
原创
2019-12-27 14:54:52
436阅读
目录介绍SCSS编译命令编译常见的编译错误解决方案不同样式风格的输出方法嵌套输出方式 nested展开输出方式 expanded紧凑输出方式 compact压缩输出方式 compressed变量声明变量普通变量与默认变量全局变量和局部变量嵌套选择器嵌套父选择器&属性嵌套伪类嵌套混合宏声明混合宏及调用混合宏混合宏的不足扩展/继承占位符选择器 %placeholder混合宏VS继承VS占位符插
CSS 预处理编译器能让我成程序化其的方式编写CSS代码，可以引入CSS中没有的变量、条件、函数等特性，从而让代码更简单易维护，但一般按预处理器语法编写的代码无法直接在浏览器中运行，需用通过工具比如gulp转换成标准的CSS语法，从而在浏览器中运行。个人理解它是标准CSS语法的扩展及增强，能在一定程度上提高编码效率。三种预处理器的对比：Sass诞生是最早也是最成熟的CSS预处理器，...
转载
2016-03-09 19:56:00
161阅读
2评论
看的这篇文章 http://www.frostsky.com/2014/07/sass-scss/ 写的还比较清晰 SASS是CSS3的一个扩展，增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。 SCSS即是SASS的新语法，是
转载
2016-11-02 19:48:00
269阅读
2评论
随着前端开发的不断发展，CSS也逐渐延伸出了很多新的语言，less和Sass就是其中两种，下面我们就一起来看看它们到底有何区别。SASS和LESSSASS（英文全称：Syntactically Awesome Stylesheets）Sass 诞生于 2007 年，使用Ruby 编写，是一种对css的一种扩展提升，增加了规则、变量、混入、选择器、继承等等特性。可以理解为用js的方式去书写，然后编译
转载
2024-05-17 13:27:55
32阅读
一. Sass/Scss、Less是什么?Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。Sass与Scss是什么关系?Sass的缩排语法，对于写惯css前端的web开发者来说很不直观，也不能将css代码加入到Sass里
转载
2018-03-14 09:48:00
190阅读
2评论
本文介绍less与sass(scss)的区别。
原创
2022-07-13 20:18:44
460阅读
一. Sass/Scss、Less是什么?Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。Sass与Scss是什么关系?Sass的缩排语法，对于写惯css前端的web开发者来说很不直观，也不能将css代码加入到Sass里面，因此sass语法进行了改良，Sass 3就变成了Scss(sassy css)。与原来的语法兼容
转载
2021-08-12 16:04:48
252阅读
AS3中常用到的公式
基本三角函数的计算：角的正弦值 = 对边 / 斜边角的余弦值 = 邻边 / 斜边角的正切值 = 对边 / 邻边角度制与弧度制的相互转换：弧度 = 角度 * Math.PI / 180角度 = 弧度 * 180 / Math.PI计算两点间距离：dx = x2 – x1;dy = y2 – y1;dist = Math.sqrt(dx*dx + dy*dy);缓动公式:spr
Sass和Less都属于CSS预处理器；所谓CSS预处理器，就是用一种专门的编程语言，进行Web页面样式设计，再通过编译器转化为正常的CSS文件，以供项目使用。为什么要使用CSS预处理器？CSS有具体以下几个缺点：语法不够强大，比如无法嵌套书写，导致模块化开发中需要书写很多重复的选择器；没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重复输出，导致难以维护。这就导致了我们在工
转载
2024-06-13 19:02:37
129阅读
本文介绍less，sass，scss的关系与区别。
原创
2022-07-13 20:18:34
364阅读
Sass && SCSS && Less
单位转换器, 单位换算
http://www.sassmeister.com/
转载
2016-08-30 20:18:00
144阅读
最近打算学习Sass，正在阅读《Sass与Compass实战》。 收集一下网上学的知识。 有了解或者已经使用过的童鞋，都知道这两种这两年兴起的css预处理语言，赋予了动态语言的特性,如变量、 继承、 运算、 函数，弥补了css比较古板单一的缺点。这意味着通过一些预编译的语言可以把css写得更灵活，更动态化，从而提高前端的开发效率。另外很重要的一点是，他们的语法都是基于css的，让你在使用的时候
转载
2024-09-17 13:04:49
103阅读
随着前端开发的不断发展，CSS也逐渐延伸出了很多新的语言，less和Sass就是其中两种，下面我们就一起来看看它们到底有何区别。 SASS和LESS SASS（英文全称：Syntactically Awesome Stylesheets）Sass 诞生于 2007 年，使用Ruby 编写，是一种对c
转载
2022-03-21 13:33:59
381阅读
这个周学习了Less和Sass这两个css框架，我基本了解了它们各自的语法和特性，并通过两个html网页设计的练习，感受一下它们给我们开发者在进行css网页布局过程中带来的便利。下面是我对它们之间的区别的一些总结。Less和Sass的相同之处：1.变量：可以单独定义一系列通用的样式，在需要的时候进行调用。2.混合（Mixins）：class中的class（讲一个class引入到另一个class，实
转载
2024-03-21 21:35:46
55阅读
1.css优先级以及继承css具有两大特性：继承性和层叠性继承性继承：给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。有一些属性是可以继承下来 ： color 、 font-*、 text-*、line-* 。主要是文本级的标签元素。但是像一些盒子元素属性，定位的元素（浮动，绝对定位，固定定位）不能继承。层叠性层叠性： 权重
