Font size
WorksheetsWeb Development Tutorial 3 Quiz Review A
Total questions: 30
Worksheet time: 12mins
According to your textbook, desktop layouts are often based on grid layouts with _____ columns.
1-3
7-11
4-6
12 or more
The (a) value of the display style removes an element from a rendered page.
The _____ property allows one to define a rectangular region through which an element’s content can be viewed.
Clip
Box
Rect
Window
The coordinates for an element being placed within a container need not be defined as long as its position is set to (a) .
To create a drop cap, one can increase the font size of an element’s _____ and float it on the left margin.
First line
First character
Last character
Hover element
In the z-index property, the value of _____ stacks the object using default rules.
Left
Auto
Hidden
None
Browsers ignore any values specified for the left or top properties under _____ positioning.
inherited
absolute
elastic
static
The _____ value of the overflow style keeps the element at a specified height and width, but cuts off excess content.
scroll
auto
hidden
visible
Identify a grid-based style whose value is a space-separated list of column widths.
grid-template-row
grid-template-column
track-list
inline-list
Identify the default type for the box-sizing property.
border-box
inherit
initial
content-box
Which function allows you to switch between fixed and flexible track sizes?
minmax(min, max)
content: attr(attribute);
grid-template-columns: width1 width2 ...;
repeat(repeat, tracks)
What is the value of the list-style that will cause no marker to be displayed?
null
none
empty
void
_____, a principle of design, involves the distribution of elements.
unity
rhythm
contrast
balance
Clipping can only be applied when an object is placed using _____ positioning.
relative
absolute
static
fixed
All block elements, like the body element, have a default width of _____.
100%
0%
50%
25%
Tablet layouts are based on grids of _____ columns.
1-3
4-12
0
12 or more
Identify the property that is used to choose the layout model.
box-sizing
vertical-align
outline-style
columns
Drop caps look better if the first letter’s _____.
line height is increased
width is increased
line height is decreased
width is decreased
The following expression creates a layout consisting of one fixed column 350 pixels in width followed by _____ for a total of five grid columns.
grid-template-columns: 350px repeat(2, 2fr 1fr);
two sets of two columns in which the first column in each set is twice the width of the second column
one pair of columns in which the first column is twice the width of the second column
two sets of two columns in which the columns in the first set are twice the width of those in the second set
one column 500px in width and one column 350px in width
A _____ layout is one in which the size of the web page and the size of its elements are set regardless of the screen resolution.
fixed
liquid
fluid
static
A layout challenge that occurs when an element contains only floated content and thus collapses in height.
open container
container collapse
container recycle
empty container
In the z-index: value; property, value is a(n) _____.
fraction
decimal
integer
imaginary number
Scroll bars for overflow content are usually placed _____ so that one can scroll down to view the extra content
horizontally
vertically
both
neither
Which of the following can be used to express value in the outline-width property outline-width: value;?
dotted
thick
dashed
double
In a fixed layout, the size of the page and the size of the page elements are usually fixed using _____ as the unit of measure.
pixels
ems
fractions
percentages
A(n) _____ is a line drawn around an element, enclosing the element content, padding, and border spaces.
border
padding
margin
outline
A(n) _____ supersedes a browser's default styles and provides a consistent starting point for page design.
base style
browser style
inherited style
reset style
A _____ layout sets the width of page elements as a percent of the available screen width.
fixed layout
fluid layout
standard layout
stationary layout
Some designers propose the use of a(n) _____ layout in which all measurements are expressed relative to the default font size using the em unit.
elastic
liquid
fixed
fluid
Identify the default clear value that allows an element to be displayed alongside any floated objects.
clear: none;
clear: left;
clear: right;
clear: both;
