NEW
Font size
WorksheetsBootcamp Quiz 4-CSS
Total questions: 20
Worksheet time: 21mins
What does CSS stand for?
Creative Style Sheets
Cascading Style Sheets
Colorful Style Spread
Computer Style Spread
Where in the HTML document is the correct location to insert code to link to your external CSS?
In the <head> section
In the <body> section
At the very end of the document
At the very beginning of the document
Which is correct CSS syntax?
{ body; color=black;}
body: color= black
body {color:black;}
(body color is black)
Which is the selector for a link?
a { }
link { }
href { }
a href { }
Which is the value in this CSS?
p {color: red;}
p
color
red
What is the difference between HTML and CSS?
CSS is one type of HTML
HTML gives a webpage structure. CSS provides styling.
CSS structures a webpage. HTML strictly provides styling.
There is no difference.
The style that you are applying to a selector, e.g. border.
Property
Value
Keyword
Length Units
What is wrong with this code?
The style sheet <link> statement belongs between <head> and </head>
The style sheet <link> statement belongs between <title> and </title>
The style sheet <link> statement belongs between </head> and <body>
The style sheet <link> statement belongs immediately after the DOCTYPE statement
In the following statement, which part is the CSS selector?
p {color: gray;}
{color: gray;}
color
gray
p
When CSS is applied to a single tag, how is it being applied?
inline
internal sheet
external sheet
links
Which part of the CSS code below is a CSS declaration?
p {color:red;}
{color: red;}
color
red
p
What is the advantage of using an external style sheet as oppose to using inline styles?
Inline styles are not supported by HTML5
Inline style requires more syntax
More properties can be added in an external style sheet
Updating one external style sheet can change multiple web pages at once
Which of these is the correct code to link the external style sheet named mystyle.css?
<!DOCTYPE html>
<html>
<head>
<link rel=stylesheet href="mystyle.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<links rel="stylesheet" href="mystyle.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<link rel="css" href="mystyle.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Select the code below that uses CSS to configure a background color of #000000 for a web page.
body { background-color: #000000; }
body { bgcolor: #000000; }
document { background-page: #000000; }
None of these
Which CSS selector applies to the yellow element(s) only? Select the correct answers!
li a{ ... }
li.a{ ... }
li, a{ ... }
li-a{ ...}
none of the above
What is the proper CSS format for background color?
back-ground color:orange:
backgroundcolor-orange;
background:color:orange;
background-color:orange;
Which one is the correct syntax for CSS?
property {selector : value}
value {property : selector}
selector {value : property}
selector { property : value}
border./* This is a multi-line comment */
