WorksheetsLesson 4: Understanding CSS Essentials: Content Flow, Positionin
Total questions: 20
Worksheet time: 10mins
Which of the following is most related to CSS?
presentation
content
validation
scripting
What can you accomplish with CSS? (Choose all that apply.)
create rounded borders on boxes
add shadows to boxes and text
change the content of text
use multiple images in a background
Notepad, textwrangler, and Microsoft Visual Studio are examples of ______.
IDEs
drawing programs
editors
validation programs
You want your HTML document to reference styles in a file named default.css. Which markup do you use in your HTML document?
<link css = "default.css" rel = "stylesheet" type = "text/css">
<link href = "default.css" rel = "stylesheet" type = "text/css">
<link href = "default.css" rel = "css" type = "text/css">
<link href = "defaut.css" rel = "stylesheet" type = "text/css">
Which section of an HTML file does the <link> tag for an external CSS file appear?
doctype declaration
<head>
<body>
none of the above
In the following markup, what is the #slogan construct called?
p {color: brown;}
#slogan {
font-size:20px;
color: green;
font-style: italic;
}
property
value
declaration
ID selector
What CSS codes do you use to mark text as a comment?
/* text */
/# text #/
<!-- text -->
<* text *>
An ordinary text paragraph is an example of which of the following?
inline flow
paragraph flow
block flow
CSS flow
In the following markup, what is the {color: brown;} construct called?
p {color: brown;}
#slogan {
font-size:20px;
color: green;
font-style: italic;
}
property
value
declaration
ID selector
You are styling three columns in an ordinary Web page using the following code. What happens to the third column?
<style type = 'text/css'>
#col1 { float: left; width: 150px; }
#col2 { float: left; width: 120px; }
</style>
It does not display.
It displays before the first and second columns.
It fills up any remaining space.
It displays over the top of columns 1 and 2.
You want to use the serif font family in an HTML document. Which CSS code do you use?
ffamily: serif;
font = serif;
font-family: Times New Roman;
font-family: serif;
You are styling three columns in an ordinary Web page. You want column 2 (col2) to appear in a specific place on the page. What CSS property name do you substitute for the word PROPERTY in the following code?
<style type = 'text/css'>
#col2 { PROPERTY: left; width: 120px; }
</style>
float
absolute
exactly
anchor
A _______ is a rectangular border around text that acts like a container?
bounding box
rule
block
break
You have more content than a bounding box can display at one time, causing information to overflow the box. Which CSS property and value do you use to ensure all content stays within the box?
scroll: overflow;
overflow: contain;
overflow: scroll;
box: nooverflow;
You have more content than a bounding box can display at one time, causing information to overflow the box. Which CSS overflow value do you use to allow content to display outside of the box?
overflow: overflow;
overflow: nocontain;
overflow: flow;
overflow: visible
You have more content than a bounding box can display at one time, causing information to overflow the box. Which CSS overflow value do you use to prevent content from displaying outside of the box?
overflow: hidden;
overflow: truncate;
overflow: stop;
overflow: invisible;
Which of the following are required for a CSS declaration? (Choose all that apply.)
property
value
pound sign
curly brackets
What is the prefix for a CSS class selector?
a pound sign
a period
a slash
nothing, it doesn’t require a prefix
What is the prefix for a CSS ID selector?
a pound sign
a period
a slash
nothing, it doesn’t require a prefix
What CSS construct enables developers to use any font they choose to style an HTML document, even a font located on a different Web server?
font property
font-location property
@get-font rule
@font-face rule
