Web Design CSS Lesson 5

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;

  }

• stylew="color:blue;"

• css="color:blue;"

• h1 { color { blue; } }

Cascading Style Sheets. The language for designing web pages and adding style.

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