Sass介绍n CSS 不是一个编程语言，可以用它来开发网页样式，但是没有办法用它进行编程。SASS 的出现，让 CSS 实现了通过代码编程来实现的方式。n SASS 是一种 CSS 开发工具，提供了许多便利的写法，让CSS 的处理实现了可编程处理。n SASS 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性，可以生成风格良好的 CSS 样
原创
2017-11-30 10:26:01
835阅读
点赞
转载
2017-04-20 12:35:00
178阅读
2评论
笔记： 1、 2、所有的gulp任务都带一个回调函数。这个回调函数的调用，说明该任务结束了。 3、gulp如何传参？ 使用示例：gulp build --env prod webpack默认只能加载（import）js文件加载器（loader）的作用就是把其它类型的文件转换成Js代码文件引入到程序中
转载
2016-07-28 10:49:00
96阅读
2评论
gulp 插件之 gulp-less，gulp-sass 和 gulp-sourcemaps
原创
2017-08-22 13:09:36
3843阅读
gulp 插件之 gulp-clean-css 和 gulp-make-css-url-version
原创
2017-08-21 20:59:16
1562阅读
点赞
SASS兼容CSSSass完全兼容所有版本的CSS。我们对此严格把控，所以你可以无缝地使用任何可用的CSS库。 特性丰富Sass拥有比其他任何CSS扩展语言更多的功能和特性。Sass核心团队不懈努力，一直使其保持领先地位。 成熟Sass已经经过其核心团队超过13年的精心打造。 行业认可一次又一次地，行业把Sass作为首选CSS扩展语言。 社区庞大数家科技企业
转载
2024-03-30 09:33:46
22阅读
gulp学习记录npm init -y yarn add gulp -D 修改 package.json "scripts": { "build": "gulp" }, // 查看版本 npx gulp --version 新建 gulpfile.js // 重命名 gulp-rename // 压
原创
2022-06-05 01:44:37
193阅读
作者：Obinna Ekwuno 译者：前端小智 Sass 是一个CSS预处理程序，至今使用广泛，它之所以流行，是因为它修复了几个CSS缺陷：Sass 也是 Bootstrap 4 运行的基础。这意味着为了理解如何操作引导代码而学习Sass是非常有帮助的，而不是覆盖代码(这是大多数开发人员的定制方法)。理解Sass可以更好地理解源代码级别的工具。当使用CSS时，我们经常在一个全局环境设置，这样可能
转载
2024-05-25 17:37:55
219阅读
css和sassI have had this on again/off again relationshi
原创
2021-07-15 14:28:41
186阅读
用更合理的方式写CSS和Sass译文GitHub链接，欢迎各位指正。翻译自AirbnbCSS/SassStyleguide目录术语规则声明选择器属性2.CSS格式注释OOCSS和BEMID选择器JavaScript钩子边框3.Sass语法排序变量Mixins扩展指令嵌套选择器术语规则声明我们把一个（或一组）选择器和一组属性称之为“规则声明”。举个例子：.listing{font-size:18px
转载
2021-01-09 21:49:54
213阅读
看的这篇文章 http://www.frostsky.com/2014/07/sass-scss/ 写的还比较清晰 SASS是CSS3的一个扩展，增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。 SCSS即是SASS的新语法，是
转载
2016-11-02 19:48:00
269阅读
2评论
文章目录前言导航一、基本使用二、变量设置三、嵌套、拆分文件与引入四、@mixin与@include配合使用五、媒体查询与Mixin的使用前言本篇博客是关于CSS的进阶语法Sass，若文章中出现相关问题，请指出！所有博客文件目录索引：博客目录索引(持续更新)导航Sass官网vscode安装插件：Live Sass Compiler启动：
原创
2022-05-09 22:52:14
168阅读
这是css的拓展语言npm install -g 或者–save-dev sasssass index.sass或者in
原创
2022-08-19 11:43:29
69阅读
适用于编译sass和pug，并且有持续监听、不断开gulp的功能、还有pug改名功能。
原创
2021-11-26 16:25:11
110阅读
安装sass全局安装sassnpm install -g sass注意：sass的后缀名是scss。将sass文件转换为css文件将sass文件转换为css文件sass --watch test.scss output.css执行上面的语句会监听scss文件的变化，一旦文件发生变化并保存后将立即输出到css文件上。监听目录的变化sass --watch app/sass:public/stylesheetssass将会监听app/sass目录下所有文件的变动，
原创
2022-02-25 11:18:48
228阅读
sass官网 参考1 参考2 案例地址 案例集成vite2 + vue3 + element plus + sass + ts
原创
2022-10-02 00:02:06
484阅读
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评论
本文将主要介绍 Sass、Less 和 Stylus 这三种 css 预处理器，将从各个角度比较它们的异同。我们曾经面对 css 很多令人发指的不友好特性，也因为 css 的低复用性而刀耕火种。css 预处理器就是这样被创造出来，弥补了直接写 css 的一些缺憾：语法不够强大，比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器；没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量
这个周学习了Less和Sass这两个css框架，我基本了解了它们各自的语法和特性，并通过两个html网页设计的练习，感受一下它们给我们开发者在进行css网页布局过程中带来的便利。下面是我对它们之间的区别的一些总结。Less和Sass的相同之处：1.变量：可以单独定义一系列通用的样式，在需要的时候进行调用。2.混合（Mixins）：class中的class（讲一个class引入到另一个class，实
转载
2024-03-21 21:35:46
55阅读
gulp只是提供一个框架给我们,如果我们想要实现一些更加复杂的功能.比如css压缩,那么我们还需要安装一下gulp-cssnano插件.gulp相关的插件安装也是通过npm命令安装,安装方式跟其他包是一模一样的(gulp插件本身就是一个普通的包)对css文件的处理,需要做的事情就是压缩,然后在将压缩
转载
2018-12-03 08:26:00
95阅读
2评论
