CSS预处理器
CSS预处理器
hhhhhhe!
测试小白
展开
-
CSS预选择器——Sass进阶
【1】@for循环两种方式的for循环@for $i from <start> through <end>@for $i from <start> to <end>$i 表示变量start 表示起始值end 表示结束值@for $i from 1 through 3 { .item-#{$i} { width: 2em * $i...原创 2020-04-25 21:04:05 · 689 阅读 · 0 评论 -
CSS预处理器——sass(下篇:sass的运算)
【1】[Sass]的插值什么是插值:插值 (interpolation) - 将一个占位符,替换成一个值。通常是指变量插值,或者变量替换。这不是Sass独有的。实际上,你可以在很多编程语言中,发现这种特性。Sass中变量替换:在Sass中使用#{ }进行表达式替换的$description: "awesome";@warn "Tuts+ is #{$description}!";注...原创 2020-04-22 15:33:52 · 227 阅读 · 0 评论 -
CSS预处理器——sass(中篇:sass的使用)
【1】[Sass]声明变量Sass 的变量包括三个部分:声明变量的符号“$”变量名称赋予变量的值$width:123px !default;// $ 是变量声明符// width 是变量名称// 123px 是变量值注释:值后面加上!default则表示默认值。【2】[Sass]普通变量与默认变量普通变量:定义之后可以在全局范围内使用。默认变量:sass 的默认变量仅...原创 2020-04-22 14:00:57 · 142 阅读 · 0 评论 -
CSS预处理器——sass(上篇:sass介绍与相关知识)
【1】什么是CSS预处理器CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题。例如你可以在 CSS 中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性,可以让你的 CSS 更加简洁、适应性更强、可读性更佳,更易于代码的维护等诸多好处。【2】什么是...原创 2020-04-21 13:08:09 · 370 阅读 · 0 评论