[Sass]Sass基础知识面试题

∥☆過路亽.° 提交于 2020-03-05 23:58:03
1、有多少种方法可以使用SASS?

您可以使用三种不同的方式使用SASS:
作为命令行工具
作为一个Ruby模块
作为Rack启用框架的插件

2、SASS中的嵌套规则是什么?

嵌套是不同逻辑结构的组合。 使用SASS,我们可以将多个CSS规则相互组合。 如果使用多个选择器,则可以在另一个选择器中使用一个选择器来创建复合选择器。

3、如何在SASS中引用父选择器?

使用&字符选择父级选择器。 它告诉父选择器应该插入的位置。

4、如何在SASS中写入占位符选择器?

SASS使用 class 或 id 选择器支持占位符选择器。 在正常CSS中,这些用“#"或“。“指定,但在SASS中,它们替换为“%”。

5、列出SASS上的不同类型的运算符?

有5种类型的运算符:
数字运算符
颜色运算符
字符串运算符
布尔运算符
列表运算符

6、什么是数字运算?

它允许诸如加法,减法,乘法和除法的数学运算。

7、什么是彩色运算?

它允许使用颜色分量和算术运算。

8、什么是列表运算?

列表表示使用逗号或空格分隔的一系列值。

9、什么是布尔运算?

您可以使用and、or和not(与或非)对Sass脚本执行布尔运算。

10、SASS中的括号是什么?

括号是一对标记,通常用圆括号()或方括号[]来标记,这提供了影响操作顺序的符号逻辑。

11、什么是SASS中的插值?

它使用#{} 语法提供选择器和属性名称中的SassScript变量。 您可以在花括号中指定变量或属性名称。

12、什么是可变默认值?

您可以通过向变量值的结尾添加!default 标志来设置变量的默认值。如果值已经分配给变量,则不会重新分配该值。

13、什么是导入指令?

它直接采用文件名导入,所有导入的文件将合并到一个单一的CSS文件。

14、什么是媒体指令?

它将样式规则设置为不同的媒体类型。

15、什么是扩展指令?

它用于共享选择器之间的规则和关系。 它可以在一个类中扩展所有其他类样式,也可以应用自己的特定样式。

16、什么是根指令?

它是一个嵌套规则的集合,它能够在文档的根节点创建样式块。

17、什么是@if指令?

它用于基于表达式求值的结果选择性地执行代码语句。

18、什么是@else if指令?

@else if语句与@if指令一起使用,每当@if语句失败,则尝试@else if语句,如果它们也失败,则执行@else。

19、什么是@for指令?

它允许您在循环中生成样式。 计数器变量用于设置每次迭代的输出。

20、什么是@each指令?

在@each指令中,定义了一个包含列表中每个项目的值的变量。

21、什么是@mixin指令?

它用于定义mixin,其中包含可选的mixin名称之后的变量和参数。

22、什么是@include指令?

它用于在文档中包含mixin,由mixin定义的样式可以包含在当前规则中。

23、什么是mixin 参数?

SassScript值可以作为mixin中的参数,当mixin包含并在mixin中作为变量使用时,可以将其作为参数。

24、列出两种类型的mixin参数?

有两种类型的mixin参数:
关键字参数
可变参数

25、什么是关键字参数?

它用于在mixin中包含参数。 命名的参数可以按任何顺序传递,参数的默认值可以省略。

26、什么是可变参数?

变量参数用于将任意数量的参数传递给mixin。 它包含传递给函数或mixin的关键字参数。

27、什么是函数指令?

使用函数指令,可以创建自己的函数,并在脚本上下文中使用它们,或者可以使用任何值。

28、什么是SASS输出样式?

SASS生成的CSS文件由反映文档结构的默认CSS样式组成。 默认的CSS样式很好,但可能不适合所有情况。

29、什么是嵌套CSS样式?

嵌套样式是SASS的默认样式。 这种方式的样式在处理大型CSS文件时非常有用。

30、什么是扩展CSS样式?

在扩展输出样式中,每个属性和规则都有自己的线。 与嵌套CSS样式相比,它需要更多的空间。

31、什么是紧凑的CSS样式?

紧凑的CSS风格竞争力比Expanded和Nested占用更少的空间。 它主要关注选择器而不是其属性。

32、什么是压缩CSS样式?

与所有其他样式相比,压缩的CSS样式占用最少的空间。 它仅提供空格,以在文件末尾分隔选择器和换行符。

33、SASS缩进语法的主要特点是什么?

它使用缩进而不是 {和} 来分隔块。

34、要分隔语句,它使用换行符而不是分号(;)。

属性声明和选择器必须放在自己的行上, {和} 中的语句必须放在 >和缩进。

35、有多少种方法可以声明CSS属性?

CSS属性可以通过两种方式声明:
属性可以声明为类似于CSS但没有分号(;)。
colon(:)将以每个属性名称为前缀。

36、什么是写@mixin和@include指令的速记?

您可以使用= for @mixin指令和+ for @include指令,这需要更少的键入,使您的代码更简单,更容易阅读。

37、每当SASS文件更改时,使用哪个命令来观察文件并更新CSS?

sass --watch C:\ ruby \ lib \ sass \ style.scss:style.css

38、什么是SASS的注释?

注释占用整行并包围嵌套在它们下面的所有文本,它们是基于行的缩进语法。

39、哪个命令用于从命令行运行SASS代码?

sass input.scss output.css

40、样式表的字符编码的CSS规范是什么?

首先它检查Unicode字节,下一个 @charset 声明,然后检查Ruby字符串编码。
接下来,如果未设置任何内容,则会将字符集编码视为。
使用 @charset 声明显式地确定字符编码。 只需在样式表的开头使用“@charset encoding name",SASS将假设这是给定的字符编码。
如果SASS的输出文件包含非ASCII字符,那么它将使用 @charset 声明。

41、有多少种注释类型?

Sass支持两种类型的注释:
多行注释 - 使用/ /写入。 多行注释保存在CSS输出中。
单行注释 - 这些是使用 // 和注释写成的。 单行注释不会保留在CSS输出中。

42、什么是交互式shell?

它使用命令行评估SassScript表达式。 您可以使用sass命令行和 - i 选项运行shell。

43、什么是@debug指令?

它检测错误并将SassScript表达式值显示到标准错误输出流。

44、什么是@error指令?

它将SassScript表达式值显示为致命错误。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!