合集-sass

Sass变量-------持续更新
摘要：目录变量局部变量全局变量变量默认值多值变量用法一用法二 列表列表函数maps映射有关maps的其它函数map-has-key(map,key)map-keys(map) 变量 定义一个变量(以$号开头)：$name:green 使用定义好的变量：color:$name 变量也可以用在属性选择器上：# 阅读全文
posted @ 2023-12-27 22:20 Ewar-k 阅读(79) 评论(0) 推荐(0)
Sass数据类型
摘要：目录数据类型运算颜色值运算字符串运算插值语句 # 数据类型 sass支持以下6中主要类型: 数字，1, 2, 13, 10px 字符串，有引号字符串与无引号字符串，"foo", 'bar', baz 颜色，blue, #04a3f9, rgba(255,0,0,0.5) 布尔型，true, fals 阅读全文
posted @ 2023-12-27 22:22 Ewar-k 阅读(43) 评论(0) 推荐(0)
Sass继承
摘要：目录继承继承的作用域占位符 % sass中的继承使用@extend标识符，一次可以继承一个或多个样式。 继承 可以一次继承一个或多个样式。例如： .alert{ height:30px; width:100px; } .title{ color:yellow; } .success{ @extend 阅读全文
posted @ 2023-12-27 22:23 Ewar-k 阅读(175) 评论(0) 推荐(0)
Sass函数与调试----持续更新
摘要：内置函数 详情查看菜鸟教程 自定义函数 自定义函数需要使用@function定义函数，通过@return指令返回数据。例如： @function double($width){ @return $width * 2; } body{ width:double(5px); } 调试 调试指令可以在编译 阅读全文
posted @ 2023-12-27 22:24 Ewar-k 阅读(49) 评论(0) 推荐(0)
Sass控制指令
摘要：目录@if@for@each基本用法高级用法一: 同时遍历多个列表高级用法二: 遍历maps的key和value@while @if sass中的条件控制指令用法同JavaScript中的if语句用法大致一样。例如： $cond:14px; body{ @if $cond < 0px{ @error 阅读全文
posted @ 2023-12-27 22:26 Ewar-k 阅读(45) 评论(0) 推荐(0)
Sass 混合指令mixin
摘要：目录定义mixin引用mixin参数传递多值参数传递内容指令简写 混合指令mixin是可以重用的一组CSS声明。mixin有助于减少重复代码，只需声明一次，就可在文件中引用。它有点类似于变量，但与变量不同的它可以定义一个样式片段，还可以像函数那样定义参数。 定义mixin 混合指令的用法是在 @mi 阅读全文
posted @ 2023-12-27 22:26 Ewar-k 阅读(159) 评论(0) 推荐(0)