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评论
1.css优先级以及继承css具有两大特性：继承性和层叠性继承性继承：给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。有一些属性是可以继承下来 ： color 、 font-*、 text-*、line-* 。主要是文本级的标签元素。但是像一些盒子元素属性，定位的元素（浮动，绝对定位，固定定位）不能继承。层叠性层叠性： 权重
目前最主流的CSS预处理器：Sass(SCSS)(基于Ruby)、LESS(基于NodeJS)、Stylus Sass是一款强化CSS的辅助工具，它在CSS语法的基础上增加了变量、嵌套、混合、导入等高级功能。使用Sass以及Sass的样式库(如Compass)有助于更好地组织管理样式文件，以及更高效地开发项目 特色功能完全兼容CSS3在CSS基础上增加变量、嵌套、混合等功能通过函数进行颜色值与
转载
2024-08-14 21:24:36
345阅读
Less介绍less是一种css语言的预处理器，是用来书写css的工具。通俗的说，CSS预处理器是一种专门编写css代码的语言(工具)，通过less来编写css代码变得更灵活，更高效，更容易维护。什么是预处理(预编译) 在Less文件中，less代码格式并不能被浏览器识别。想将Less文件代码变成css代码，必须先将这个Less文件预先进行处理。预处理的就可以将Less文件代码转换为css代码。L
转载
2024-03-22 14:20:47
534阅读
想必大家学习CSS的时候一定接触过LESS和SASS吧，但可能还是有很多朋友对他们的概念模糊，下面不妨就跟着一起了解一下关于它们的故事。背景CSS（层叠样式表）是一门非程序式语言，入门学习使用非常直观方便，但是对于一些比较复杂或者重用性比较强的项目来说，因为CSS没有变量、函数、SCOPE（作用域），需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会
原创
2019-12-27 14:57:23
692阅读
一、CSS的单位html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。CSS中的单位是必须要写的，因为它没有默认单位。a、绝对单位1`in`=2.54`cm`=25.4`mm`=72`pt`=6`pc`。各种单位的含义：- `in`：英寸Inches (1 英寸 = 2.54 厘米)- `cm`：厘米Centimeters- `mm`：毫米Millimeters-
一。【less中的变量】 1、声明变量： @变量名字：变量值 2、使用变量： @变量名 >>>less中变量的类型① 数字类 1 10px ②字符串: 无引号字符串red 有引号字符串"haha"③ 颜色类 red #000000 ragb() ④值列表类型：用逗号或者分隔 10px solid 10px >>>
转载
2024-07-31 19:33:21
155阅读
文章目录介绍Sass是什么Scss是什么Scss 与 Sass异同为什么使用 Sass?Sass 安装NPM 安装(推荐使用)Windows 上安装Mac OS X (Homebrew)安装Sass 转化为 CSS转化步骤自动编译编译输出的CSS格式:nested：嵌套（默认格式）:compact：紧凑:expanded：扩展:compressed：压缩Sass 语法注释变量`$`嵌套1. 选择
转载
2024-06-08 17:15:27
276阅读
CSS & SASS & SCSS & less
CSS preprocessors
转载
2019-06-29 23:36:00
265阅读
可能大家对于css还是比较了解了，但说到SASS和LESS还是很陌生，那么今天就跟我来一起了解一下CSS、LESS和SASS。背景CSS（层叠样式表）是一门非程序式语言，入门学习使用非常直观方便，但是对于一些比较复杂或者重用性比较强的项目来说，因为CSS没有变量、函数、SCOPE（作用域），需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少C
原创
2019-12-27 14:54:52
436阅读
利用gulp来对less编译成css（操作教程图解）本文旨在介绍借助gulp这个打包工具来将less预编译语言编译成我们正常的css语言的整个基本操作流程。其中还提及到部分底层原理并避开了百度上部分杂七乱八的不完整答案1.我们需要明白什么是gulp，什么是less，编译又是什么意思，这样做的意义在于哪里，对我们有什么帮助（请先安装好了node.js，需要这个环境）（1）我们需要知道gulp是啥，它
转载
2024-08-07 09:39:24
188阅读
一、Sass Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。Scss是
转载
2024-03-18 13:44:39
49阅读
1、描述CSS 指层叠样式表 (Cascading Style Sheets)Sass (Syntactically Awesome StyleSheets)，是由buby语言编写的一款css预处理语言，和html一样有严格的缩进风格，和css编写规范有着很大的出入，是不使用花括号和分号的，所以不被广为接受。 Sass 是一款强化 CSS 的辅助工具，是对 CSS 的扩展，它在 CSS 语法的基础
转载
2024-03-24 11:05:03
65阅读
webpack的概念 用官网的介绍来说，本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。这种解释可能对初学者来说是一头雾水的。 个人理解，webpack就是帮助我们把所有的文件打包成一个文件，或者多个文件，并且对文件进行压缩，最后发布出去的就是这个文件夹。 webpack对代码兼容也有许多的好处，我们可以用webpack把js里e
转载
2024-07-03 10:25:32
381阅读
scss里的符号＆的用法 标签：HTML/CSS腾讯云SCSS用法符号 $代表定义变量$blue:#324157;
color:$blue;& 用在嵌套的scss代码里，来引用父元素.dashboard {
&-container {
margin: 30px;
}
&-text {
font-size: 30px;
line-height: 46px;
前端知识点MVVM和MVC的区别什么是Vue生命周期钩子函数触发顺序VueVue优点父子通信，兄弟通信指令V-if和V-show区别Vue-loaderVue-key的作用v-modalVue data必须是函数的问题Vue slotVue-router多个router-viewroute与router的区别导航守卫懒加载ES6JavaScript同步与异步的区别事件委托如何改变函数内部的thi
SASS(语法上很棒的样式表)是由Hampton Catlin设计的样式表语言，由Chris Eppstein和Natalie Weizenbaum开发。它是一种预处理器脚本语言，将被编译或解释为CSS。SassScript本身就是一种脚本语言。它的打字规则是动态的。SCSS通常被称为Sassy CSS，它是作为SASS(语法上很棒的样式表)的主
转载
2024-04-02 00:02:44
276阅读
一. Sass/Scss、Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。Sass的缩排语法，对于写惯css前端的web开发者来说很不直观，也不能将css代码加入到Sass里面，因此sass语法进行了改
We'll define the color palette and create the basic screen styles for our project in addition to Sass helpers for our form design system.We will set up Sass variables for the initial them and learn ho
转载
2021-03-03 12:51:14
829阅读
2评论
SCSS 是 Sass 3 引入新的语法，是Sassy CSS的简写，是CSS3语法的超集，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。可以简单理解为scss是sass的一个升级版本，完全兼容sass之前的功能，又有了些新增能力。语法形式上有些许不同，最主要的就是sass是靠缩进表示嵌套关系，scss是花括号。 区别：1、Sass是以“.sass”后缀为扩展名，而SCSS是以“.s
转载
2024-05-13 15:58:49
40阅读
