1、什么是SCSS Sass是成熟、稳定、强大的css预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时，也继承了Sass强大的动态功能2、Scss和Sass区别Scss是Sass的一个升级版本，安全兼容Sass之前的功能，又有些新增的能力文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 Scss 是以“.scss”后缀为扩展名语法书写方式不同，Sass
转载
2024-10-17 21:49:41
44阅读
sass具有css不具备的新特性。可以更好的维护样式，改动更简单。
Sass完全兼容css，因为他是一个预处理器，用Sass写的代码会转换为标准的css。在cass可以使用变量，嵌套，导入等，保持大型样式结构良好。
sass有两种语法：第一是 SCSS,是 CSS的扩充版本，文件可以以.scss为扩展名。
第二是 古老语法（缩排语法，简称’sass‘），它不使用花括
转载
2024-09-29 12:23:57
38阅读
一、sass语法1.1 声明变量-普通变量-默认变量-特殊变量-全局变量定义变量的语法：普通变量
定义之后可以在全局范围内使用。
$fontSize: 12px;
body{
font-size:$fontSize;
}默认变量
sass 的默认变量仅需要在值后面加上 !default 即可。
$baseLineHeight:1.5 !default;
body{
line-hei
操作函数1、for循环@for … from … through@for $var from <start> through <end> // 范围包括<start>和<end>的值1@for … from … to@for $var from <start> to <end> // 范围包括<start>,不包括
转载
2024-06-05 11:01:02
586阅读
vue3+vite项目引入SCSS及使用SCSS全局变量场景：vue3+vite项目引入SCSS—安装安装 scss :vue3 好像不需要再使用 node-sassnpm i sass sass-loader --save-dev安装至 开发依赖 即可在 vite.config.js 中配置 scss 的全局变量 使用需要在 项目 文件中 先 创建 全局变量 文件目录为：@/assets/sty
考察如下的 HTML 片段，通过 CSS 的 nth-child() 伪选择器实现列表的颜色循环，比如每三个一次循环。<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li
转载
2024-09-25 15:05:26
194阅读
https://www.jianshu.com/p/44b87b8ea586
原创
2022-07-22 15:39:14
80阅读
保持sass条理性和可读性的最基本的三个方法：嵌套、导入和注释。 一般情况
原创
2022-09-09 08:28:15
78阅读
scss-函数
在scss中除了可以定义变量，具有@extend和@mixins等特性之外，还自备了一系列的函数功能。 scss本身带有大量的内置函数，具体可以参阅官网函数模块。 一、字符串函数unquote($string)：只能删除字符串最前和最后的引号（双引号或单引号），而无法删除字符串中间的引号。如果字符没有带引号，返回的将是
转载
2024-03-14 06:06:09
2001阅读
https://www.jianshu.com/p/44b87b8ea586
原创
2023-03-24 19:31:51
88阅读
@mixin定义@mixin large-text { font: { family: Arial; size: 20px; weight: bold; } color: #ff0000;}12345678父选择器 @mixin clearfix { display: inline-block; &
转载
2022-06-20 17:46:46
137阅读
@mixin的默认参数。//这里的$args就是个中间变量的定义。
转载
2023-05-06 11:53:26
711阅读
今天看到一段用scss写的工作代码： .el-checkbox__inner { &:hover { border-color: #42b983; } } 其中
原创
2022-06-16 12:43:53
1584阅读
SCSS(Sassy CSS)是CSS的一种扩展语言，它提供了一些方便的功能和语法来帮助开发者更高效地编写和组织CSS代
with 语句用于设置代码在特定对象中的作用域语法： with (expression) statement提示：with 语句是运行缓慢的代码块，尤其是在已设置了属性值时。大多数情况下，如果可能，最好避免使用它。基本用法： with 语句的原本用意是为逐级的对象访问提供命名空间式的速写方式. 也就是在指定的代码区域, 直接通过节点名称调用对象。 with 通常
转载
2024-09-30 21:34:49
97阅读
create or replace function field_increase return numberisresult number;beginselect max(t.c_sscore) into result from class t;if (result is NULL) thenresult := 0;elseresult := result + 1;end if;return r
原创
2013-11-14 10:29:04
330阅读
https://www.creativebloq.com/web-design/what-is-sass-111517618@mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; -ms-border-radius: $radius;
原创
2022-04-12 14:51:55
466阅读
1.1.1 PHP的函数基本语法
函数的英文叫作：function，而function的解释项中有另外一个含义：功能。函数 就是 功能。调用一个函数就是在调用一个功能。自定义函数那我们来学一下自定义函数的语法规定，语法规定如下：function 函数名([参数名1[=值1], 参数名2[=值2], 参数名n[=值n]])
{
函数中的功能体
[return 返回值]
转载
2024-04-12 21:31:11
378阅读
1.函数的定义
定义函数使用关键字 function
1、关键字定义方式：
function 函数名(参数1,参数2...){
功能//函数体
}
function showInfo(name,age,hobby){
alert('大家好，我叫' + name + ',今年' + age + '岁，我喜欢'+
转载
2023-08-04 22:25:03
618阅读
# 定义一个函数 使用方法相比java 方法 简单
# 因为是解释型语言 所以方法函数这些就尽量写在前面
# def 函数名称(形参,形参...):
# 函数体
# return xxxx 如果需要返回数据
def print_poetry():
print("床前明月光")
print("疑似地上霜")
print("举头望明月")
pri
转载
2023-12-12 15:09:25
9阅读
