![](https://img-blog.csdnimg.cn/acf12c43473c458cb36d2bbaba95dd74.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
笔记-Sass&Less
文章平均质量分 57
css预处理器sass、less学习笔记
妍思码匠
代码如诗,我以匠心编织,每行皆是思考的痕迹,期待与你共赏技术的魅力。
展开
-
Less的导入@import特点
例如:@import (less, optional, reference) "common.less";例如:@import (multiple) "common.less";例如:@import (reference) "common.css";(1)如果后缀是.css,他会被视为css文件且@import语句保持原样。(3)如果没有后缀,则会附加.less并视为less导入。(2)如果后缀是任何其他扩展名,都会被视为less导入。仅在文件存在时导入该文件。原创 2023-09-06 09:01:03 · 296 阅读 · 0 评论 -
Less常用内置函数
示例:示例:示例:示例:示例:示例:示例:原创 2023-09-05 10:49:41 · 773 阅读 · 0 评论 -
Less的强大变量用法
说明:即动态定义要引用的变量名称引用:还是通过@符号,但是引用变量的变量,需要两个@。示例@wd: 100px;// 定义labelWd变量需要引用的变量名为wd// 引用.title {// 即@wd > 100px;原创 2023-09-01 10:10:01 · 2383 阅读 · 0 评论 -
SASS常用内置函数
space-空格,comma-逗号,slash-斜杠。$weight表示color1颜色的占比。color1和color2颜色占比混合。支持传入多个key值获取深层的值。相同的属性取$map2的值。原创 2023-08-31 10:49:33 · 1206 阅读 · 0 评论 -
SASS的@规则
sass扩展了import导入,对于css,@import导入在页面加载的时候去下载导入的外部文件,而sass的导入,在编译成css文件的时候就将外部的sass文件导入合并编译成一个css文件。他支持同时导入多个文件;支持在嵌套样式中导入文件。原创 2023-08-29 11:54:31 · 1170 阅读 · 0 评论 -
数据类型与运算
Less的数据类型概念比较模糊,只支持一些基本的数据类型,例如数字、字符串、布尔值、颜色数字字符串(分为有引号和无引号布尔值颜色。原创 2023-08-29 09:55:31 · 62 阅读 · 0 评论 -
样式继承extend
less是在定义新选择器的时候继承,而sass是在选择器内部继承。新选择器:extend(要继承的选择器)@extend 要继承的选择器;原创 2023-08-25 09:30:18 · 80 阅读 · 0 评论 -
混入mixins
mixins 名称(参数1[: 默认值], 参数2[: 默认值] ......)// 样式。原创 2023-08-23 16:33:45 · 55 阅读 · 0 评论