CSS - Styling Websites Quiz

Which of the following is a valid CSS rule?

• h1 {

  color: blue;

  }

• <h1> {

  color: blue;

  }

• h1 {

  color="blue";

  }

• h1 {

  color=blue;

  }

Which of the following ranks the selectors from highest precedence to lowest precedence?

• Select by tag name, select by class name, select by id name

• Select by id name, select by tag name, select by class name

• Select by id name, select by class name, select by tag name

Which of the following statements are true about styling your web pages with CSS:

I. Styling with CSS is more scalable than using style= on each HTML tag that you want to style

II. You can create styles with CSS that are not possible using style= on an HTML tag

• I only

• II only

• I and II

• Neither I nor II

Which of the following code snippets will select all <img> tags on a page and give them a height of 200 pixels?

• <img style="height:200px;">

• tag="img" {

  height: 200px;

  }

• img {

  height: 200px;

  }

Suppose you have the following CSS rules:

p {

color: green;

}

.fire {

color: red;

}

#title {

color: blue;

}

What font color will the following HTML element have after being styled by the given CSS:

<h1 class="fire">Welcome!</h1>

• green

  Notes: Not quite! Since the tag has the class “fire” it will be styled according to the second rule, giving it the color red.

• red

  Notes: Correct! Since the tag has the class “fire” it will be styled according to the second rule, giving it the color red.

• black

  Notes: Not quite! Since the tag has the class “fire” it will be styled according to the second rule, giving it the color red.

Suppose you have the following CSS rules:

p {

color: green;

}

.fire {

color: red;

}

#title {

color: blue;

}

What font color will the following HTML element have after being styled by the given CSS:

<p class="title">My First Paragraph</p>

• blue

• green

• black