| |
Released |
Beta |
Frozen |
|
Context 1 question
- Define CSS.
- Identify the correct place to define the structure and the style in HTML and CSS.
|
5 |
15 |
2 |
|
Usage 2 questions
- Define a CSS rule in
- separate file(s)
- embedded in the header
- an html element style attribute
- Supply multiple css files and specify which file applies to which media.
- Validate a CSS document on the W3C site.
|
3 |
4 |
9 |
|
General definition elements 3 questions
- Use the appropriate syntax to define a rule (selector with properties/values).
- Comment part of a CSS document.
- Specify a measure using the following units: %, em, px, pt.
- Specify a color using the color name and the hexadecimal or decimal rgb code.
- Use the shorthand notation for specifying values.
- Specify a background color or image.
|
5 |
21 |
8 |
|
Text 3 questions
- Specify the font attributes.
- Specify a list of choices for font names and families, and understand the selection mechanism.
- Specify the alignment.
- Identify the possible text decorations and transformations: underline, bold, italic, strikethrough, uppercase, capitalize.
- Specify the height between lines and the space between characters.
- Indent a text.
|
6 |
10 |
4 |
|
Layout
|
|
|
Flow 4 questions
- Understand the notion of document flow to predict the position of elements from a given html/css fragment.
- Hide elements using the visibility attribute.
- Use the display property to
- inline a block element,
- to turn an inline element into a block,
- prevent the display of the element.
- In the box model, identify the following areas:
- Understand the margin overlapping behaviour of adjacent blocks.
|
9 |
0 |
7 |
|
Table 2 questions
- Control the lines around and inside a table, including collapsing the cell's border.
- Show and hide empty cells.
- Specify column/row dimensions.
|
4 |
3 |
2 |
|
List 1 question
List 1q
- Change the bullet shape of list items.
- Specify an image to replace the bullets of list items.
|
3 |
5 |
1 |
|
Positioning 4 questions
- Position blocks as
- float
- static
- absolute
- fixed
- relative
- Write the appropriate positioning styles for defining a classic page with a header, a footer and 3 columns in between.
- Control the layers with the z-index property.
- Define the following design practices: Liquid, frozen, jello.
- Use the clear property to control the flow with float(ing) blocks.
|
3 |
7 |
10 |
|
Selectors 4 questions
- Write selectors to target given html elements, using:
- tags,
- classes,
- ids,
- nesting (space and >)
- grouping
- Predict the precedence of conflicting selectors:
- when using multiple CSS files
- from the position within a file
- from the selector type
- with the !important specifier.
- Use pseudo-classes to select hyperlinks
- Target the first letter of a text, using a pseudo-element.
- Understand the inheritance of properties into the HTML document structure.
|
12 |
11 |
7 |
|
