CSS - HTML 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 these are correct

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;

  }

Answer explanation

For this, we use a CSS rule to select all img tags and set their height.

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

Answer explanation

1. In the case that two conflicting rules have the same order and specificity, the rule that is written later will be applied.

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