Deck 4: Organizing a Pages Content With Lists, Figures, and Various Organizational Elements

Question 1

Which of the following CSS selectors matches li elements that are nested within another li element?

A) li, li
B) li > li
C) li.li
D) li li

Answer 1

D

Question 2

The a element uses which attribute to specify the link's target?

A) link
B) target
C) href

Answer 2

C

Question 3

If you have a CSS rule with a display: inline property-value pair, it causes matching elements to display their text:

A) on one line with justified margins.
B) in the normal flow of surrounding content.
C) with horizontal lines above and below the text.

Answer 3

B

Question 4

If a web page has a footer element, it must be the last element within the web page's body container.

Question 5

If an element x is a descendant of an element y, then a y > x child selector CSS rule will match element x.

Question 6

Describe a parent-child element relationship. Specifically, when is an element considered to be a parent of another element?

Question 7

What is a nested list?

Question 8

How should you modify the following code so it passes the W3C's HTML validation service?
Wild, Cheryl Strayed
<ul>
<li>Chapter 1: The Ten Thousand Things</li>
<ul>
<li>Mayo Clinic</li>
<li>Dreams</li>
</ul>
<li>Chapter 2: Splitting</li>
...
</ul>

Question 9

Provide a descendant selector that matches strong elements that are inside of p elements.

Question 10

Provide a CSS rule that applies a margin of 5 pixels to section elements in a web page. Use a child selector to match section elements such that the section is a child of an article element.

Question 11

Which of the following is the element used to implement an unordered list?

A) <code>list</code>
B) <code>ulist</code>
C) <code>ul</code>
D) <code>ol</code>

Question 12

To specify hollowed circles for a list, which value should you use with the <code>list-style-type</code> CSS property?

A) <code> bullet</code>
B) <code>circle</code>
C) <code>disc</code>
D) <code>dot</code>

Question 13

To specify uppercase letters for a list, which value should you use with the <code>list-style-type</code> CSS property?

A) <code>decimal</code>
B) <code>titlecase</code>
C) <code>uppercase-letters</code>
D) <code>upper-alpha</code>

Question 14

For a list item, it is legal to include the end tag <code></li></code>, but proper style suggests that you omit it.

Question 15

The most common browser default for items in an ordered list is Arabic numbers (1, 2, 3, etc.).

Question 16

The <code>aside</code> element groups together content that has something to do with the rest of the web page, but it is not part of the main flow.

Question 17

The <code>a</code> element's <code>href</code> attribute uses the # character to indicate that the target is within the current web page.

Question 18

The header element implements a heading that is guaranteed to be larger than any of the standard heading elements (<code>h1-h6</code>) on the current web page.

Question 19

The ______ element is a container that normally contains links to other web pages or to other parts of the current web page.

Question 20

The __________ element groups together one or more heading elements (<code>h1-h6</code>) to form a unified header for nearby content.

Question 21

The W3C's documentation refers to a user agent style sheet. What is a user agent?

A) A browser
B) A link
C) A person

Question 22

In a child selector, the > symbol is known as a:

A) relator.
B) combinator.
C) link.

Question 23

If a parent element and its child element have two different CSS rules with the same property specified, then the child element's property-value pair (and not the parent element's property-value pair) gets applied to the child element. Which of the following is the best descriptions for this behavior?

A) The child's property-value pair overrides the parent's property-value pair.
B) The child's property-value pair short circuits the parent's property-value pair.
C) The child's property-value pair pummels the parent's property-value pair.

Question 24

To specify bullets for a list, what value should you use with the list-style-type CSS property?

A) bullet
B) circle
C) disc
D) dot

Question 25

To add a caption to a figure element, you should:

A) apply a CSS rule with the caption property.
B) use the figure element's caption attribute.
C) include a figcaption element within the figure element.

Question 26

Organizational elements (e.g., section, article) are particularly important for smaller web pages.

Question 27

The section element is for grouping together one or more articles.

Question 28

The address element is for contact information.

Question 29

All CSS properties are inheritable.

Question 30

Typically, a figure element holds content that is part of the main flow of a web page.