Deck 5: Tables and Css Layout

Question 1

Which of the following should you include within a tbody container?

A) A thead element
B) One or more tr elements
C) A caption element

Answer 1

B

Question 2

If two CSS rules refer to the same property, the rule that appears first overrides the prior rule's property value.

Answer 2

False

Question 3

In rendering a table element, the browser engine will normally determine the width of each column by using the width of that column's widest-content cell.

Answer 3

True

Question 4

By default, tables created with the display property are displayed with large gaps between their cells.

Question 5

To implement a row within a table container, use the ______ element.

Question 6

How do the purposes of a data table differ from a layout table?

Question 7

Provide a CSS rule that creates a thick dotted border around all the data cells in a table.

Question 8

Describe the elements that the following CSS pseudo-class selector matches:
li:nth-of-type(1)

Question 9

Provide code for a table heading cell that spans three columns.

Question 10

Why should you normally avoid using a span element as the type for a type selector CSS rule?

Question 11

To add a title to a <code>table</code> element, you should do which of the following?

A) Apply a CSS rule with the <code>title</code> property
B) Use the <code>table</code> element's <code>title</code> attribute
C) Use the <code>table</code> element's <code>caption</code> attribute
D) Include a <code>caption</code> element within the <code>table</code> container

Question 12

By default, there is a gap between a table's exterior border and the individual cells' borders, and there's a gap between the borders for adjacent cells. To avoid that gap, you should:

A) apply a CSS rule with the <code>border-collapse: collapse</code> property-value pair.
B) apply a CSS rule with the <code>border-gap: 0</code> property-value pair.
C) add <code>rowspan</code> and <code>colspan</code> attributes to the <code>table</code> element.
D) add a <code>nogap</code> attribute to the <code>table</code> element.

Question 13

To align the text within a table's data cells so the text is vertically centered, you should use:

A) the <code>td</code> element's <code>rowspan</code> attribute.
B) the <code>td</code> element's <code>colspan</code> attribute.
C) <code>vertical-align: middle</code> within a <code>td</code> type selector rule.
D) <code>center: align</code> within a <code>td</code> type selector rule.

Question 14

If you want an element to be interpreted as a table caption, you should apply a CSS rule with a <code>display</code> property. Which value should you use for the <code>display</code> property?

A) <code>table-caption</code>
B) <code>heading</code>
C) <code>table-heading</code>

Question 15

By default, table header cells (<code>th</code>) display their text with center alignment.

Question 16

By default, table data cells (<code>td</code>) display their text with center alignment.

Question 17

If you have a <code>table</code> element being used for layout purposes, you should add a <code>role="presentation"</code> attribute to the <code>table</code> element's start tag.

Question 18

To implement an element within a table row that holds data, use the ______ element.

Question 19

Web __________ means that disabled users can use the Web effectively.

Question 20

To help a screen reader to understand a table's content, you can embed a(n) ______ element in the table's <code>caption</code> element.

Question 21

To create gaps between the table's cells in tables created with the display property, you should apply the border-spacing property to:

A) the table element.
B) the td and th elements.
C) the span elements that serve as table cells.

Question 22

To turn on absolute positioning, you should apply a CSS rule to the container in which absolute positioning is to take place. In the CSS rule, you should:

A) use an absolute > position child selector.
B) use a position > absolute child selector.
C) use the position: absolute property-value pair.

Question 23

To center a body element within its html container, you should:

A) use CSS to establish a flexbox layout for the html container and apply the justify?content: center property-value pair to the html container.
B) use CSS to establish a flexbox layout for the body container and apply the justify?content: center property-value pair to the body container.
C) apply the text?align: center property-value pair to the body element.

Question 24

To match an element by its location within a collection of elements, you can use which of the following?

A) The element's location attribute
B) The element's structural attribute
C) A locator symbol in a CSS rule
D) A structural pseudo-class CSS rule

Question 25

For an element with a lot of text that uses absolute positioning, if you use the left property, you should also use the width property.

Question 26

With relative positioning, the left property moves an element to the right by a specified amount.

Question 27

If you would like a table's caption to display below the table, you should position the table's caption element at the bottom of the table container.

Question 28

All pseudo-classes start with a colon.

Question 29

With normal flow, block elements are laid out from top to bottom, one block element per row, and phrasing elements are laid out from _______________ in the available space.

Question 30

For a table, use a(n) ______ element for a cell that is a description for other cells' content.