![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
sass
高崖残雪已无多
Talk is cheap, show me your code.
展开
-
CSS预处理器——sass教程(3)
CSS预处理器——sass教程(3)sass 函数化sass的数值类型数值计算颜色值运算变量运算sass 的控制命令@if@for循环@while循环@each函数功能字符串函数unquote($string)quote函数to-upper-case函数、to-lower-case函数数字函数percentage函数round函数、ceil函数、floor函数、abs函数min函数、max函数random()函数列表函数length函数nth函数join函数zip函数index函数comparable函数M原创 2020-07-14 19:59:29 · 229 阅读 · 0 评论 -
CSS预处理器——sass教程(2)
CSS预处理器——sass教程(2)sass 的基本使用普通变量与默认变量注释全局变量与局部变量选择器嵌套属性嵌套伪类嵌套混合宏声明混合宏调用混合宏继承占位符插值语法#{}sass 的基本使用普通变量与默认变量我们在之前的内容里提到过,我们使用$符号来声明 sass 中的变量,后设置的变量值会覆盖前设置的变量值,例://demo1.scss$boxWidth:100px;$boxWidth:200px;div{ width: $boxWidth;}编译结果:div { widt原创 2020-07-11 11:31:44 · 225 阅读 · 0 评论 -
css预处理器——sass教程(1)
sass教程(1)sass初识及安装(windows10环境)CSS预处理器sass两种不同的语法sass的安装sass 的语法格式及编译sass 的语法格式sass的编译使用命令行编译使用插件编译(推荐做法)VS code 编译 sass 的插件Webstorm 下编译 sass使用 含 GUI 页面的编译软件sass初识及安装(windows10环境)CSS预处理器对前端有一定了解的读者应当会知道 CSS(层叠样式表),然而 CSS 对开发者是非常不友好的,为了能让开发更加快捷、准确及容易维护,C原创 2020-07-08 10:48:48 · 720 阅读 · 0 评论