WorksheetsReview for CSS Test
Total questions: 12
Worksheet time: 5mins
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
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>
black
red
blue
green
Which of the following statements are true about styling your web pages with CSS:
I. Styling with CSS is more organized than using style= on each HTML tag that you want to style
II. You can not create styles with CSS that are not possible using style= on an HTML tag
II only
Neither I nor II
I only
I and II
