Font size
WorksheetsLesson 6: Managing Text Flow by Using CSS
Total questions: 20
Worksheet time: 10mins
CSS Regions is similar to which of the following?
a grid layout
a magazine page layout
a free-floating toolbar
a vector image
Which of the following is true of CSS Regions?
Are useful for static Web pages
Are defined areas of an HTML document where content can flow
Does not allow for non-contiguous content flow between regions
Does not adapt to a user's screen size
3. What is the error in the following CSS Regions code?
#source { flow-into: main; }
.region { flow-from: container; background: #9ACD32; }
The flow-from and flow-into property values must match.
The #source selector needs to be region.
The .region selector must be @region.
The flow-into and flow-from code lines are in the wrong order.
Which of the following makes a container a region and associates it with a named flow?
the DOM
content source
flow-into property
flow-from property
Which of the following can place an element into a named flow?
the DOM
content container
flow-into property
flow-from property
In CSS Regions, which of the following is not flexible?
region height
region width
content flow
none of the above
When you have multiple sources and multiple elements, what controls the order in which content appears in a CSS Regions container?
the DOM
content container
flow-into property
flow-from property
You are creating a multi-column layout. Which CSS property controls the amount of space between columns?
column-count
column-gap
column-fill
column-width
You are creating a multi-column layout. Which CSS property controls the amount of space within columns?
column-count
column-gap
column-fill
column-width
You are creating a multi-column layout. Which CSS property enables you to insert a break within a column?
break-after
break-before
break-inside
break-within
You are creating a multi-column layout. Which CSS property enables you to set the line that appears between columns to a dashed line? (Choose all that apply.)
column-rule
column-rule-width
column-rule-style
column-gap
In the following code for multiple columns, what does the auto value control?
.tricolumn { columns: 3 auto; }
column height
column width
number of columns
background color of columns
You do not want hyphens to appear in your HTML document. How can you modify the following code to prevent hyphenation?
<p style="-ms-hyphens: auto; text-align: justify; font-size: 14pt;">
Change text-align to nohyphen.
Change font-size to 12pt.
Change auto to manual.
Change auto to none.
Which of the following specifies the maximum number of consecutive hyphenated lines that may contain hyphenated words?
-ms-hyphenate-limit-chars
-ms-hyphenate-limit-zone
-ms-hyphenate-limit-lines
none of the above
Which CSS3 property creates the general shape of a CSS exclusion?
shape-outside
shape-inside
wrap-flow
wrap-through
Which CSS3 property specifies how content should wrap around an exclusion element?
shape-outside
shape-inside
wrap-flow
wrap-through
17. Which of the following is a shorthand method of setting the CSS Exclusions wrap-margin wrap-flow, and wrap-padding properties in one declaration?
wrap-through
wrap
shape
shape-outside
18. You are creating a CSS exclusion and want to display content above and below the exclusion but leave the sides blank. Which of the following properties do you use?
wrap-flow: clear
wrap-flow: auto
wrap-flow: maximum
wrap-flow: end
You are creating a multi-column layout and want the number of columns to be flexible, based on a column width of 30em. Which of the following will accomplish this goal?
{ columns: 30em auto; }
{ columns: auto 30em; }
{ column-count: auto; }
{ column-width: auto; }
Which of the following requires the use of iframes in Microsoft’s implementation of the feature?
multi-column layout
hyphenation
CSS Regions
CSS Exclusions
