Web Page Design CSS Styling Quiz

Why do we use CSS?

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

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

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

• All of the above

Which of the following is a valid CSS rule?

• h1 {

  color: blue;

  }

• style="color:blue;"

• css="color:blue;"

• h1 {

  color {

  blue;

  }

  }

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;

  }

• <img> {

  height: 200px;

  }

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;

  }

• .alert {

  color: red;

  }

• #alert {

  color: red;

  }

• class="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;

  }

• #logo {

  font-size: 60px;

  }

• id="logo" {

  font-size: 60px;

  }

What is the function of the Cascade in CSS?

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

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

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

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

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

In what order does the Cascade look at factors to determine which CSS rule to follow?

• Order, Importance, Specificity

• Importance, Order, Specificity

• Specificity, Importance, Order

• Importance, Specificity, Order

Which of the following is a valid CSS rule?

• h1 {

  color: blue;

  }

• <h1> {

  color: blue;

  }

• h1 {

  color="blue";

  }

• h1 {

  color=blue;

  }

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

-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