-
以以往的工作经验来看，我们经常使用的base.css 其实就相当于scss这里的定义啊。查看全部
-
sass 的默认变量一般是用来设置默认值，然后根据需求来覆盖的，覆盖的方式也很简单，只需要在默认变量之前重新声明下变量即可。 $baseLineHeight: 2; $baseLineHeight: 1.5 !default; body{ line-height: $baseLineHeight; }查看全部
-
!default用于变量，含义是：如果这个变量被声明赋值了，那就用它声明的值，否则就用这个默认值。查看全部
-
全局变量 和 局部变量查看全部
-
组件化思想非常好，这个也比较实用。查看全部
-
定义： 用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作 通俗的说，“CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问题”，例如你可以在 CSS 中使用变量、简单的逻辑程序、函数（如右侧代码编辑器中就使用了变量$color）等等在编程语言中的一些基本特性，可以让你的 CSS 更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。查看全部
-
--style 可以跟以下几种参数。 nested：嵌套缩进的css代码 expanded：展开的多行css代码 compact：简洁格式的css代码 compressed：压缩后的css代码 默认是nested，所以加不加--style nested不影响效果。查看全部
-
勘误： “2、嵌套输出方式 compact” --> “2、紧凑输出方式 compact”查看全部
-
$list: twitter,facebook,github,weibo; // 这句话表示$i从1开始循环，直到$list在length // 写成js就是 // for ( let i=1; i <= list.length; i++) @for $i from 1 through length($list){ //这条语句里的nth函数的第一个参数为列表，第二个为提取列表中那个值的index数字，sass中的index从1开始计数。 //用js写就是list[i] .icon-#{nth($list,$i)}{background-postion: 0 - 20*$i;} }查看全部
-
nth函数（nth function） 可以直接访问值列表中的某一项； join函数（join function） 可以将多个值列表连结在一起； append函数（append function） 可以在值列表中添加值； @each规则（@each rule） 则能够给值列表中的每个项目添加样式。查看全部
-
如果进行乘法运算时，两个值单位相同时，只需要为一个数值提供单位即可。查看全部
-
in是英寸。8in即8英寸。 1英寸约=2.54厘米,1英寸大约是96像素 width:20px+8in; 8in=8*96px = 768px 即width=20px + 768px = 788px;查看全部
-
in = 96px查看全部
-
字符运算使用 + 符号来连接，不仅可以作字符连接，还可以直接使用 + 将字符连接起来，左边有引号连接右边没有引号则编译出来有引号，左边没有引号连接右边有引号则编译之后没有引号查看全部
-
算数运算都支持颜色值，并且是分段计算，也就是红、绿、蓝各颜色分段单独运算查看全部
举报
0/150
提交
取消