Why do we use CSS?

• Easily modify the look and feel of a web site even at a large scale

• Separate the content of a web page from the design of a web page

• HTML wasn’t intended to be able to style web pages, CSS allows us to add style

• All of the above

Which of the following is a valid CSS rule?

• h1 {

  color: blue;

  }

• style="color:blue;"

• h1 {

  color {

  blue;

  }

  }

• css="color:blue;"

Which of the following is a valid CSS rule?

• <h1> {

  color: orange

  }

• h1 {

  color: orange;

  }

• h1

  <color="orange">

• h1 {

  color="orange";

  }

Which of the following code snippets will select all HTML elements with the class “alert” and set their color to be red?

• #alert {

  color: red;

  }

• class="alert" {

  color: red;

  }

• alert {

  color: red;

  }

• .alert {

  color: red;

  }

Which of the following CSS rules will select the HTML element with the id logo and set the font size for that element to 60 pixels?

• .logo {

  font-size: 60px;

  }

• #logo {

  font-size: 60px;

  }

• id="logo" {

  font-size: 60px

  }

• logo {

  font-size: 60px;

What is the function of the Cascade in CSS?

• The Cascade will make sure there are no typos in your CSS rules.

• The Cascade determines which CSS rules will be applied when multiple rules for an item are contradictory.

• The Cascade helps you write styling for your websites quickly by providing easy templates to use.

• The Cascade is a set of guidelines to make your site look beautiful.

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

• tag="img" {

  height: 200px;

  }

• <img> {

  height: 200px;

  }

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

• img {

  height: 200px;

  }

^{CSS rules have a selector that defines which HTML elements the rule applies to.}

^{We’ve learned about the following CSS Selectors:}

^{Select by tag name, Select by class name, and Select by id name.}

^{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

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

True or False: In the case that two conflicting rules have the same order and specificity, the rule that is written first will be applied.

• True

• False

^{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>}

• black

• green

• blue

• red