发表于: 2018-11-16 09:43:15

1 717


今天完成的事情:

学习sass:(1)SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。

(2)变量:变量以$开头定义,如果变量需要镶嵌在字符串之中,就必须需要写在#{}之中。

(3)SASS允许在代码中使用算式,例如width:50px+10px;

(4)SASS允许选择器嵌套,属性也可以嵌套(属性后面必须加上冒号)。在嵌套的代码块内,可以使用&引用父元素。比如a:hover伪类,可以写成:

  a {

    &:hover { color: #ffb3ff; }

  }

(5)注释

标准的CSS注释 /* comment */ ,会保留到编译后的文件。

单行注释 // comment,只保留在SASS源文件中,编译后被省略。

在/*后面加一个感叹号,表示这是"重要注释"。即使是压缩模式编译,也会保留这行注释,通常可以用于声明版权信息。

(6)SASS允许一个选择器,继承另一个选择器,使用@extend命令

(7)mixin:使用@mixin命令定义一个代码块,使用@include调用。mixin的强大之处,在于可以指定参数和缺省值使用的时候,根据需要加入参数,生成css

(8)@import命令,用来插入外部文件。

(9)高级用法:条件语句@if,@else

循环语句:@for @while

遍历:@each

(10)自定义函数@function

(11)编写任务11,使用sass重构


明天计划的事情:

学习任务12


遇到的问题:


收获:

了解了sass的基本用法



返回列表 返回列表
评论

    分享到