Chapter05
By default, the @page rule is applied only to the first page of the printed output.
Answer
True
False
False
By default, the @page rule is applied to every page of the printed output.
In the background-attachment property, the scroll type creates a background that stays in place even as the element content is scrolled horizontally or vertically.
Answer
True
False
False
You can change the attachment of the background image to its element using the following background-attachment property: background-attachment: type;. The fixed type creates a background that stays in place even as the element content is scrolled horizontally or vertically.
Rhythm is the ability to combine different design elements into a cohesive whole.
Answer
True
False
False
Unity is the ability to combine different design elements into a cohesive whole. Rhythm is the repetition or alteration of a design element in order to provide a sense of movement, flow, and progress.
A generic font is a font that is identified by name, such as Times New Roman or Helvetica.
Answer
True
False
False
A specific font is a font that is identified by name, such as Times New Roman or Helvetica, and based on a font definition file that is stored on the user's computer or accessible on the web.
The description list is grouped by the ol element.
Answer
True
False
False
The description list is grouped by the dl (description list) element, the terms are marked with the dt (description term) element, and the description(s) associated with each term is marked by the dd element.
Both the align-content and align-items properties have a default value of center.
Answer
True
False
False
Both the align-content and align-items properties have a default value of stretch so that the flex items are stretched to fill the space along the cross-axis.
A linear gradient is a color gradient that starts from a central point and proceeds outward in a series of concentric circles.
Answer
True
False
False
A linear gradient is a color gradient in which the background color transitions from a starting color to an ending color along a straight line. A radial gradient is a color gradient that starts from a central point and proceeds outward in a series of concentric circles or ellipses.
In a fluid grid, the widths of the columns and margins are specified in pixels.
Answer
True
False
False
In a fixed grid, the widths of the columns and margins are specified in pixels, where every column has a fixed position. A fluid grid, in which column widths are expressed in percentages rather than pixels, is often used to provide more support across different devices.
Relative units define a font size using one of five standard units of measurement.
Answer
True
False
False
Absolute units are units that are fixed in size regardless of the output device and are usually used only with printed media. They are specified in one of five standard units of measurement: mm (millimeters), cm (centimeters), in (inches), pt (points), and pc (picas).
Nested lists are used for items that follow some defined sequential order.
Answer
True
False
False
Ordered lists are used for items that follow some defined sequential order, such as items arranged alphabetically or numerically.
The _____ media type value for the media attribute is used for paged Braille printers.
Answer
braille
embossed
handheld
screen
embossed
Possible media type values for the media attribute include braille, used for Braille tactile feedback devices, and embossed, used for paged Braille printers.
Which of the following defines the default hotspot for an image?
Answer
coords="x1,y1,x2,y2,…"
coords="0,0,width,height"
coords="left,top,right,bottom"
coords="x,y,radius"
coords="0,0,width,height"
FeedbackEdit Feedback Answer 2 of 4 feedback
To define the default hotspot for an image, create the following hotspot: shape="default" coords="0,0,width,height" where width is the width of the image in pixels and height is the image's height.
Identify the default type for the box-sizing property.
Answer
inherit-box
padding-box
border-box
content-box
content-box
You can choose the layout model using the following box-sizing property box-sizing: type; where type is content-box (the default), border-box, or inherit (to inherit the property defined for the element's container).
_____ measures the brightness of a color and ranges from 0% (black) up to 100% (white).
Answer
Hue
Saturation
Lightness
Darkness
Lightness
Lightness measures the brightness of the color and ranges from 0% (black) up to 100% (white).
The first line in a Hypertext Markup Language (HTML) file is the _____, which is a processing instruction indicating the markup language used in a document.
Answer
title
header
doctype
list
doctype
The first line in an HTML file is the document type declaration or doctype, which is a processing instruction indicating the markup language used in the document.
A(n) _________ is a box containing items whose sizes can shrink or grow to match the boundaries of the box.
flexible box /flexbox
Whole objects that are semi-transparent can be created using the _________ property.
opacity
static, relative, absolute, fixed, and inherit are the five kinds of _________ supported by Cascading Style Sheets (CSS).
positioning
To select all elements with the class value run, the _________ attribute selector must be used.
.run
A(n) _________ list is a list of terms and matching descriptions.
description
Briefly explain the procedure for setting the page size.
As printed media can vary in size and orientation, the following size property allows web authors to define the dimensions of a printed page:
size: width height;
where width and height are the width and height of the page. Thus, to define a page that is 8.5 inches wide by 11 inches tall with a 1-inch margin, one should apply the following style rule:
@page {
size: 8.5in 11in;
margin: 1in;
}
Once can replace the width and height values with the keyword auto (to let browsers determine the page dimensions) or inherit (to inherit the page size from the parent element). If a page does not fit into the dimensions specified in the @page
rule, browsers will either rotate the page or rescale it to fit within the defined page size.
Explain how the position of a background image is set for a web page.
By default, browsers place a background image in an element's top-left corner. One can place the background image at a different position using the following background-position property:
background-position: horizontal vertical;
where horizontal and vertical provide the coordinates of the image within the element background expressed using one of the CSS units of measure or as a percentage of the element's width and height. For example, the following style places the image 10% of the width of the element from the left edge of the background and 20% of the element's height from the background's top edge:
background-position: 10% 20%;
If a single value is specified, the browser applies that value to both the horizontal and vertical positions. Thus, the following style places the background image 30 pixels from the element's left edge and 30 pixels down from the top edge:
background-position: 30px;
One can also place the background image using the keywords left, center, and right for the horizontal position and top, center, and bottom for the vertical position. The following style places the background image in the bottom-right corner of the element:
background-position: right bottom;
Typically, the background-position property is only useful for non-tiled images because, if the image is tiled, the tiled image fills the background and it usually doesn't matter where the tiling starts.
List the advantages of working from a grid and the basic types of grid layouts.
Working from a grid has several practical and aesthetical advantages, including the following:
There are two basic types of grid layouts: fixed grids and fluid grids.
In a fixed grid, the widths of the columns and margins are specified in pixels, where every column has a fixed position.
A fluid grid, in which column widths are expressed in percentages rather than pixels, is often used to provide more support across different devices.
The subscript and superscript styles lower or raise text vertically, as well as resize it. Explain.
The subscript and superscript styles lower or raise text vertically, but do not resize it.
Briefly describe three guidelines for writing good HTML code that potential web page authors should be familiar with.