Quiz Sass Basic
Start Quiz
Test your knowledge with W3docs’ basic quiz made especially for beginners in Sass. Pass the test and get a Certificate of achievement!
The Test
The test contains 20 questions and there is no time limit. The test is not official, it’s just a nice way to see how much you know about Sass.
Count Your Score
You will get 5% for each correct answer. At the end of the Quiz, your total score will be displayed out of 100% maximum score.
Enrich your knowledge
At the end of the quiz you can see all the questions with the right answers. There will also be notes about the answers which will lead you to the appropriate page on the platform to enrich your knowledge. Read our HTML tutorial if you are not sure that you are ready for the quiz.
__ defines a style rule for various media types.
@media
@import
@extend
@debug
Ans. @media
@debug directive finds errors and displays the values of SassScript expression to the error output stream.
True
False
Ans. True
_ directive is a set of nested rules, which can make a style block at the document root.
@at-root
@media
@extend
None of the above
Ans. @at-root
Which directive can you use to display SassScript expression value as an error?
@error
@warn
@at-root
None of the above
Ans. @error
In _ directive, a variable is specified, and it contains the value of each list item.
@if
@each
@for
@while
Ans. @each
Select the correct way of defining a variable in Sass.
@primary-color: #888;
%primary-color: #888;
primary-color: #888;
$primary-color: #888;
Ans. $primary-color: #888;
Select the directive that allows generating styles in a loop.
@while
@if
@for
@each
Ans. @for
The SassScript values can be taken as arguments in mixins that are given when mixin is included and available as a variable within the mixin.
True
False
Ans. True
Which directive is used to specify the mixin?
@include
@mixin
@extend
@debug
Ans. @mixin
Why is the @return directive used in Sass?
To define the mixin
To include the mixin in the document
To call the return value for the function
None of the above
Ans. To call the return value for the function
Which of the operators below is used to provide the path for CSS stylesheets within the application?
:filename
:load_paths
:css_location
:template_location
Ans.
:css_location
The following command will run the Sass code from the command line.
sass input.scss output.css
True
False
Ans. True
What is Rack?
Web server interface
Web framework
Web application framework
None of the above
Ans. Web server interface
_ is a web application framework that provides modularity and speed to Rails.
Rails
Merb
Rack
All of these
Ans. Merb
_ is an open-source web framework.
Rails
Merb
Rack
All of these
Ans.Rails
Which is the difference between Sass and SCSS?
Sass is a CSS pre-processor with syntax advancements and an extension of CSS3.
Sass has two syntax.
The first syntax is “SCSS” and it uses the .scss extension.
The other syntax is indented syntax or just “Sass” and it uses the .sass extension.
All of the above
Ans. All of the above
What is the use of the @IMPORT function in Sass?
Extends the CSS import rule by enabling import of SCSS and Sass files
All imported files are merged into a single outputted CSS file
Can virtually mix and match any file and be certain of all your styles
@IMPORT takes a filename to import
All of the above
Ans. All of the Above
Which are the Data Types SassScript supports?
Numbers ( eg; 1,5 ,10px)
Strings of texts ( g., “foo”, ‘bar’, etc.)
Colors (blue, #04a3f9)
Booleans (true or false)
All of the above
Ans. All of the Above
Why is the following command used?
sass –watch input.scss:output.css
To watch the file and update the CSS when Sass file changes.
To watch the whole directory, if Sass has many files in the directory.
Ans. To watch the file and update the CSS when Sass file changes
To speed up the compilation of Sass files, which option is used?
:cache
:read_cache
:cache_store
Ans.
:cache