Second Quarter of Exam Deck

Question 1

Relative vs Absolute measurement systems

Answer 1

• Absolute length units are fixed and will always appear at that size.
• Relative length units specify a length relative to another property.

Question 2

Ordered list vs Unordered list

Answer 2

• An ordered list is a list in which items are numbered or lettered.
• An unordered list is a list in which items have no specific order

Question 3

Name the list styles for ordered list

Answer 3

• Decimal
• Lower-roman
• Upper-roman
• lower-alpha
• upper-alpha
• None

Question 4

Name the list styles for unordered list

Answer 4

• disc
• circle
• square
• none

Question 5

Explain a description list

Answer 5

The default appearance is that each pair takes 2 lines:
* Term (name) on first line
* Description (value) indented on second line

Question 6

List off the Pseudo-classes

Answer 6

• a:link
• a:visited
• a:hover
• a:active

Question 7

What is Relative Positioning?

Answer 7

An element with position : relative; is positioned relative to its normal position in the line of flow.

Question 8

What is Fixed Positioning?

Answer 8

An element with position : fixed; is positioned relative to the viewport, which mean it always stays in the same location, even if the page is scrolled.

Question 9

What is Float?

Answer 9

Floats can be useful to allow content to flow around a smaller floating element (like an image for an article).

Question 10

What is Clear?

Answer 10

The clear property specifies on which sides of an element floating elements are not allowed to float.

Question 11

What is z-order?

Answer 11

When using positioning it is possible to stack overlapping items into the same space.

Question 12

What is Multi-Column Layout?

Answer 12

You can use Relative or Absolute positioning to create multicolumn layouts.

Question 13

List the HTML table elements.

Answer 13

• <table>: start and end of table
• <thead>: marks the header rows of a table
• <tbody>: marks the rows that make up the body of the tbale
• <tfoot>: marks footer rows of the table
• <tr>: groups cells into rows
• <th>: content of a header cell
• <td>: content of a data cell

Question 14

Explain Colspan

Answer 14

The colspan attribute is used to span a cell across multiple columns.

Question 15

Explain Rowspan

Answer 15

The rowspan attribute is used to span a cell across multiple rows

Question 16

Explain Colgroup

Answer 16

The HTML <colgroup> element is a structural element which allows you to group columns.

Question 17

What is display: flex?

Answer 17

By defining the parent container to display: flex , we set up each child element of that container to be elements of the grid.

Question 18

What are the values for flex-direction?

Answer 18

1. column - stack item vertically (top to bottom)
2. column-reverse - stacks vertically (bottom top top)
3. row - stacks items horizontally (left to right)
4. row-reverse - stacks items horizontally (right to left)

Question 19

What are the values for flex-wrap?

Answer 19

1. wrap
2. nowrap
3. wrap-reverse