Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themeable and extendable.
Sass (syntactically awesome stylesheets) is a style sheet language initially designed by Hampton Catlin and developed by Natalie Weizenbaum. After its initial versions, Weizenbaum and Chris Eppstein continued to extend Sass with SassScript, a simple scripting language used in Sass files. Sass is a scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).
Where do you put the link to your external style sheet in your HTML web page?
Please select exactly one correct alternative.
Answer
You put your link in the <head> section.
Reading
No resources given.
topics: css, level: 100
If you do not define a background color (using the
background-color
property), what will be used as default by your browser?
Please select exactly one correct alternative.
Answer
When no background color is defined, your background will default be transparent.
Reading
No resources given.
topics: css, level: 100
Which of the alternatives is the proper way to to change the background color?
Please select exactly one correct alternative.
Answer
The correct property used is background-color. color Changes the text color and bgcolor is not a valid property.
Reading
No resources given.
topics: css, level: 100
What is the correct way to to put a comment in your external style sheet?
Please select exactly one correct alternative.
Answer
Comments in external and internal style definitions must begin with /* and end with */.
Reading
No resources given.
topics: css, level: 100
Which of the alternative code fragments in your external CSS sheet is the correct syntax?
Please select exactly one correct alternative.
Answer
body { color: green; } is written in the correct syntax.
Reading
No resources given.
topics: css, level: 100
Some CSS properties are animatable. What does that mean?
Please select exactly one or more correct alternatives.
Answer
CSS properties that are animatable can be used in animations and transitions. These properties can change gradually from one value to another value, for example numbers, percentages, sizes and colors.
Reading
No resources given.
topics: css, level: 100
Will the "My title" header be printed in italics?
Suppose you have the following HTML web page implemented:
And you have the following external CSS stylesheet (style.css) implemented:
h1.makemered {
color:rgb(0,255,0);
}
Will the "My title" header be printed in italics?
Please select exactly one correct alternative.
Answer
The priority order is, generally speaking, from low to high:
External style sheet
Internal style sheet (in the head section)
Inline style (inside an HTML element)
Only the color will be overridden by the external style sheet, so the italics style will still be used. The header will be printed green and in italics.
Reading
No resources given.
topics: css, level: 100
What HTML attribute is used to define an inline style?
Please select exactly one correct alternative.
Answer
Inline styles are defined within style tags.
Reading
No resources given.
topics: css, level: 100
What is the priority order from low to high in which the styles are applied?
Please select exactly one correct alternative.
Answer
The priority order is, generally speaking, from low to high:
External style sheet
Internal style sheet (in the head section)
Inline style (inside an HTML element)
However: if you put the link to the external style sheet after the internal style sheet in your HTML <head>, and you do not use an inline style, your external style sheet will override your internal style sheet.
Please select exactly one or more correct alternatives.
Answer
rgba(0, 255, 0, "red") is an illegal construction, "red" should be a decimal value indicating opacity. rgba(0, 255, 0, 0.3) results in a green transparent text.
Reading
No resources given.
topics: css, level: 100
What is the correct way to refer to an external CSS style sheet?
Please select exactly one correct alternative.
Answer
This is the correct way in which you refer to an external CSS style sheet:
What is the correct equivalent of a table's rowspan in CSS?
Please select exactly one correct alternative.
Answer
There isn't a CSS equivalent for rowspan nor for colspan. The colspan and rowspan attributes make up the structure of the table, whereas CSS is for presentation, and HTML should be used for structural purposes.
What is the difference between PX, EM and Percent?
Please select exactly one correct alternative.
Answer
Pixel is a static measurement, while percent and EM are relative measurements. The size of an EM or percent depends on its parent. If the text size of body is 16 pixels, then 150% or 1.5 EM will be 24 pixels (1.5 * 16). Look at CSS Units for more measurement units.
Which property do you use to change the left margin of an element?
Please select exactly one correct alternative.
Answer
Padding is used to determine the inside margin of an element, and what we want is setting the outside margin of an element. "text-indent" is used for texts and only indents the first line of the text.
Please select exactly one or more correct alternatives.
Answer
The margin does not have a background color, and is completely transparent. The padding clears an area around the content (inside the border) of an element. The padding is affected by the background color of the element.
Which of the following code fragments are correct?
Please select exactly one or more correct alternatives.
Answer
1.75px is wrong because the amount of pixels can only be expressed in integer values. 0,75em is false because you have to use . instead of , for decimal values.
Which of the following alternatives makes your text bold?
Please select exactly one or more correct alternatives.
Answer
"boldest" Is not a valid value for font-weight. Both "strong" and "em" adds so called "semantic importance" to the text. This is not specifically a style, but means that the text is "important".
Which of the CSS alternatives makes your text bold?
Please select exactly one or more correct alternatives.
Answer
Only the "font-weight: 1000;" is incorrect because the value used is not valid. This value must be on of the following values: 100, 200, 300, 400, 500, 600, 700, 800, 900.