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

标签：快速   教程   式表   复用   hover   语法   变量   ges   nes   

小结

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样式库一同使用时。

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

标签：快速   教程   式表   复用   hover   语法   变量   ges   nes   

原文地址：https://www.cnblogs.com/itxdl/p/12117892.html