CSS - Cascading Style Sheets
Authored by Kevin Albania
Computers
University
Used 27+ times
AI Actions
Add similar questions
Adjust reading levels
Convert to real-world scenario
Translate activity
More...
Content View
Student View
25 questions
Show all answers
1.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Which of the following is the proper way to apply the CSS code inside style.css to the about.html file?
Inside style.css:
applyTo {
href: about.html;
}
Inside about.html:
<head>
<style href="style.css"></style>
</head>
Inside style.css:
<html href="about.html">
Inside about.html:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
2.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
You are trying to apply the same style to several different elements in a block, with line breaks before and after. Which tag should you use?
<span>
<div>
<style>
<src>
3.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Which of the following selects all elements with the class footer that are inside of divs?
div {
.footer {
...
}
}
.footer div {
...
}
div > .footer {
...
}
div .footer {
...
}
4.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Which of the following selects all a tags that are immediate children/child selector of div tags?
div > a {
...
}
...
}
div < a {
...
}
div + a {
...
}
5.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Why is it important to avoid repetitive code while creating a website?
Excessive code is harder to read and understand
It is easier to make edits to websites when CSS rules are strategically grouped and organized
It demonstrates good coding style
All of the above
6.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Which of the following will turn the first letter of all p elements blue?
p::first-letter {
color=blue;
}
p:first-letter {
color=blue;
}
p::first-letter {
color: blue;
}
p:first-letter {
color: blue;
}
7.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Which of the following selects images as the mouse hovers over them and sets their size to 350px by 350px?
img:hover {
width: 350px;
height: 350px;
}
img :hover {
width: 350px;
height: 350px;
}
img::hover {
width: 350px;
height: 350px;
}
img > hover {
width: 350px;
height: 350px;
}
Access all questions and much more by creating a free account
Create resources
Host any resource
Get auto-graded reports
Continue with Google
Continue with Email
Continue with Classlink
Continue with Clever
or continue with
Microsoft
%20(1).png)
Apple
Others
Already have an account?
