Quiz
Spring 2017 Development Training - Week 2
This quiz has a time limit, so it opens in the usual player.
Questions in this quiz (12)
1What advantages does LESS and SASS have over CSS.
- AReduces style duplication
- BEnables a common color palette
- CEnables minification of CSS
- DEnables modular styles
- EEnables style animation
- FEnables removal of magic strings
2LESS and SASS syntax are valid CSS syntax.
- ATrue
- BFalse
3Single line comments "//" work in LESS but not in CSS
e.g. //.style { color: #fff; }- ATrue
- BFalse
4We can create modular designs by creating several less files, e.g. colors.less, mixins.less, etc and then including them together in a main file. What declaration would you use to perform this?
- A#Include "colors.less";
#include "mixins.less"; - B@using "colors.less";
@using "mixins.less"; - C@import "colors";
@import "mixins"; - D@include "colors.less";
@include "mixins.less"; - E#import "colors.less";
#import "mixins.less";
- A#Include "colors.less";
5In [blank_start]LESS[blank_end], [blank_start]Mixins[blank_end] enable you to perform [blank_start]CSS[blank_end] style embedding, create [blank_start]functions[blank_end] which take [blank_start]parameters[blank_end], and allow [blank_start]guards[blank_end], which is conditional which determines whether a mixin applies.
- ALESS
- BMixins
- CCSS
- Dfunctions
- Eparameters
- Fguards
6LESS and SASS are both CSS pre-processors which operate the same except they have a different syntax.
- ATrue
- BFalse
7Given this code sample, what color will every div's text be rendered as?
- Adeeppink
- Baqua
- Cblue
- D#333
8What is the purpose of the code sample to the left?
- ATo create a reusable style for a box that renders differently for a box inside an element marked with SimpleMode class.
- BTo create a reusable style for a box that renders different for a box which contains an element marked with SimpleMode class.
- CTo create a reusable style for a box that renders differently for a box if the body is marked with a SimpleMode class.
- DTo create a reusable style for a box that renders differently for a box if it contains a body with a child element that is marked with the SimpleMode class.
9Given the LESS code to the left, what will the color of the body text be?
- ARed
- BLime
- COrange
- DBlack
- EBlue
10Given the SASS code to the left, what will the color of the body text be?
- ARed
- BLime
- COrange
- DBlack
- EBlue
11Given the code to the left, the background image of an element assigned class third will be [blank_start]/images/third8.jpg[blank_end]
- A/images/third8.jpg
12Given the code to the left, what will be the width of the class second?
- A2px
- B220px
- C80px
- D230px
- E100px
Information
- Description
- Computer Science Quiz on Spring 2017 Development Training - Week 2, created by Stefcho Stefchov on 21/04/2017.
- Author
- Stefcho Stefchov
- Language
- English
- Views
- 17
- Tags
- Rating
- No ratings yet Rate this quiz