IT兄弟连 HTML5教程 初识Sass 小结及习题

葉無聞 2019-12-30

IT兄弟连 HTML5教程 初识Sass 小结及习题

小结

Sass完全兼容CSS语法,并且添加了一些编程的特性,编写的Sass代码在编译之后最终生成的是CSS文件。Sass具有维护性高、可扩展性强、复用性高的优点,提高我们的编码效率。Sass是使用Ruby语言编写的,Sass的运行是依赖于Ruby环境的,所以在安装Sass之前我们首先要安装Ruby环境。Sass的后缀名可以有两个选择,分别为sass和scss,其中后缀名为sass需要的严格的缩进来做定界。跟大部分编程语言一样,Sass其基本语法也包括这些基本语法,比如变量、数据类型、运算符、流程控制语句、函数等。

习题

1.在Sass中编译出来的样式风格有哪些?[多选](ABCD)

A.嵌套输出方式nested                                                     B.展开输出方式expanded

C.紧凑输出方式compact                                                 D.压缩输出方式compressed

2.Sass的变量不包括以下哪个?(D)

A.声明变量的符号”$”                                                        B.变量名称

C.赋予变量的值                                                                    D.变量类型

3.以下sass代码编译后生成的css文件为哪项?(A)

  a{

color: red;

&:hover{

  color: green;

}

  }

A.a{ color: red; } a:hover{ color: green; }

B.a{ color: red; } &:{ color: green; }

C.a{ color: red; } hover{ color: green; }

D.a{ color: red; } a{ color: green; }

4.SassScript支持以下哪些数据类型?[多选](ABCD)

A.数字                                                                                              B.文本字符串

C.颜色                                                                                              D.布尔值

5.所有算数运算都支持颜色值,并且是分段运算。下面的颜色计算的结果是?(C)

   p { color: #010203 + #040506; }

A.#010203;                                                                                        B.#040506;

C.#050709;                                                                                        D.#000000;

6.Sass是什么?

参考答案:

Sass是对CSS的扩展,让CSS语言更强大、优雅。它允许你使用变量、嵌套规则、mixins、导入等众多功能,并且完全兼容CSS语法。Sass有助于保持大型样式表结构良好,同时也让你能够快速开始小型项目,特别是在搭配Compass样式库一同使用时。

相关推荐