Web Design Unit 3

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 class name, select by id name, select by tag name

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

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

• Select by tag name, select by class name, select by id 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> {

  height: 200px;

  }

• tag="img" {

  height: 200px;

  }

• <img style="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>

• blue

• red

• green

• black

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>

• green

• red

• blue

• black

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="fire" id="title">Hello World!</p>

• red

• green

• blue

• black