CMPS 350
Which of the following style rules is used to draw a 1px red dotted line around every element on a web page?
*{outline: 1px dotted red;}
A layout for a mobile device is typically based on a _____ grid.
1-column
All block elements, like the body element, have a default width of _____.
100%
Desktop layouts are often based on grid layouts with _____ columns.
12 or more
Tablet layouts are based on grids of _____ columns.
4 to 12
server
A host that provides information or a service to other devices on the network
Hyperlink
A link from a hypertext file or document to another location or file, typically activated by clicking on a highlighted word or image on the screen
LAN
A network confined to a small geographic area, such as within a building or department,
WAN
A network that covers a wider area, such as several buildings or cities,
Identify a true statement about grids.
A well-designed grid is more easily accessible for users with disabilities and special needs.
_____, a principle of design, involves the distribution of elements.
Balance
_____,a principle of design, involves working with the focal point of a design.
Emphasis
Which of the following is a popular Cascading Style Sheets (CSS) framework?
Skeleton
_____ positioning is essentially the same as not using any Cascading Style Sheets (CSS) positioning at all.
Static
hypertext
Text that has been embedded with instructions to take a web page viewer to additional information.
client
The device receiving these services
In the CSS property grid-template-areas: "row1", what does row1 represent?
a text string containing the names of the areas for row 1
Identify a contextual selector that matches any element.
a. % b. elem c. * ✓ d. elem1, elem2,...
Yellow is represented by the RGB triplet _____.
a. (0, 0, 0) b. (255, 255, 0) ✓ c. (255, 0, 255) d. (0, 255, 255)
In the hexadecimal numbering system, the number 16 is expressed as _____.
a. 1 b. F c. 1F d. 10 ✓
Which of the following dynamic pseudo-classes is applied when a link has not yet been visited by a user?
a. :active b. :hover c. :nvisited d. :link ✓
Which pseudo-class identifies the first descendant of the parent that matches the specified type?
a. :only-child b. :only-of-type c. :first-child d. :first-of-type ✓
Which of the following rules defines character encoding in every Cascading Style Sheets (CSS) document?
a. @charset "encoding"; ✓ b. &char "encoding"; c. &char="encoding"; d. @charset="encoding"
The Cascading Style Sheets (CSS) at-rule that imports an external style sheet file located at ur1 is _____.
a. @import prefix url b. @import url(url); ✓ c. @import media { url } d. @import "url";
_____ units express font size according to the size of other objects within a web page or to the display properties of the device in use.
a. Absolute b. Relative ✓ c. Standard d. Output
_____ measures the amount of space between words.
a. Dithering b. Tracking ✓ c. Pacing d. Kerning
Graphic designers consider _____ easier to use because it allows them to set the initial color based on hue and then fine-tune the saturation and lightness values.
a. HSL ✓ b. HTM c. CSS d. HTML
_____measures the brightness of a color and ranges from 0% (black) up to 100% (white).
a. Hue b. Lightness ✓ c. Darkness d. Saturation
_____is the tint of a color and is usually represented by a direction on a color wheel.
a. Hue ✓ b. Lightness c. Saturation d. Darkness
_____ defines how solid a color appears.
a. Saturation b. Lightness c. Opacity ✓ d. Clarity
_____ measures the intensity of the chosen color and ranges from 0% (no color) up to 100% (full color).
a. Saturation ✓ b. Lightness c. Hue d. Darkness
_____ units are specified in one of five standard units of measurement.
a. Uppercase b. Relative c. Standard d. Absolute ✓
Which of the following is an example of a web safe font stack?
a. Verdana ✓ b. Book Antiqua c. Calibri d. Bell MT
The _____ pseudo-class represents the exact instant in which a link is activated.
a. active ✓ b. open-quote c. link d. visited
Identify a property used to align text horizontally.
a. align-text: horizontal; b. horizontal-align: alignment; c. align-text: baseline; d. text-align: alignment; ✓
The _____ color scheme uses three hues close to one another on the color wheel such that one color is the dominant color and the other two are supporting colors used only for highlights and nuance.
a. analogic ✓ b. tetrad c. monochrome d. triad
Which type of relative unit is used to express length as a percentage of the width or height of a browser window?
a. attribute unit b. viewport unit ✓ c. rem unit d. absolute unit
Identify an attribute selector used to select an element based on its class value.
a. class: .intro.elem b. elem#class c. class *elem d. elem.class ✓
Many web browsers include _____ tools to make it easier for designers to locate the source of a style that has been applied to a specific page element.
a. creator b. planner c. designer d. developer ✓
A _____ typeface, which is best used in small doses for decorative page elements, mimics handwriting with highly stylized elements and flourishes.
a. cursive ✓ b. monospace c. serif d. fantasy
Decorative opening and closing quotation marks can be inserted using the _____ property.
a. deco b. type c. content ✓ d. label
Which of the following attribute selectors selects all elem elements whose att attribute ends with text?
a. elem[att|="text"] b. elem[att$="text"] ✓ c. elem[att^="text"] d. elem[att*="text"]
Inline styles are styles applied directly to specific elements using the style attribute <element style="property: value"> content </element> where element is the Hypertext Markup Language (HTML) element and _____ pairs define the styles that are applied directly to that element.
a. element b. property: value ✓ c. element style d. style
Identify a Cascading Style Sheets (CSS) selector that is used to select pseudo-elements.
a. element::pseudo-element ✓ b. element::"pseudo"; c. element:pseudo-element * d. element:"pseudo-element"
Identify the format to add new content before an element with Cascading Style Sheets (CSS).
a. element:before text; b. element::before {content: text;} ✓ c. element:before open-quote; d. element::before {content: open-quote;}
Suppose Alex forgot to create styles for any of his pages. Identify the style that would be applied to his pages.
a. external style b. user agent style c. user-defined style d. view render style ✓
A typeface in which a small ornamentation appears at the tail end of each character is called a _____ font.
a. fantasy b. sans-serif c. monospace d. serif ✓
A general rule for printing is to use _____ fonts for headlines and serif fonts for body text.
a. fantasy b. sans-serif ✓ c. monospace d. cursive
To set the text color of an element, use the following property:
a. forecolor: color; b. text: color; c. backcolor: color; d. color: color; ✓
Cascading Style Sheets (CSS) allow RGB values to be entered as _____.
a. hexadecimals ✓ b. RBG values c. WYSIWYG values d. binaries
Color values using the HSL model are described in Cascading Style Sheets (CSS) 3 using _____.
a. hsl (hue, shadow, lightness, opacity) b. hsl (hue, saturation, lightness) ✓ c. #redgreenblue d. rgb(number)
Two attributes, _____, are often key in targeting styles to specific elements.
a. id and elem b. id and class ✓ c. id and type d. id and char
Using multiple @import rules has the same impact as adding multiple _____ elements to a Hypertext Markup Language (HTML) file.
a. integrated b. contact c. connection d. link ✓
Identify a typographic attribute that measures the amount of space between characters.
a. kerning ✓ b. pacing c. dithering d. tracking
Extending the first line of text to the left of a text block creates a _____ indent.
a. leading b. hanging ✓ c. kerning d. tracking
A(n) _____ represents a single dot on an output device.
a. link b. element c. pixel ✓ d. icon
A technique known as _____ places code conforming to older standards before newer properties, providing support for old browsers but still allowing newer standards and techniques to be used by the browsers that support them.
a. pseudo-class structuring b. analogic enhancement c. progressive enhancement ✓ d. opacity enhancement
A _____ is a classification of an element based on its current status, position, or use in a document.
a. pseudo-class ✓ b. pseudo-text c. pseudo-element d. pseudo-style
One type of pseudo-class is a(n) _____ pseudo-class in which the class can change state based on the actions of a user.
a. static b. unstructured c. structured d. dynamic ✓
One factor in how an element is rendered is that properties are passed from a parent element to its children in a process known as _____.
a. style inheritance ✓ b. style portioning c. style links d. style indexing
The style rule * {color: blue;} uses the asterisk (*) selector—also known as the _____ selector—to select all elements in a document.
a. text b. character c. object d. wildcard ✓
Tim wants to display the subcategories in capital letters but does not want them to appear more important than the main categories, so he chooses small capital letters. Which style should he use?
a. text-transform b. font-variant * c. text-variant d. font-transform
Which of the following properties is used to control the casing of text within an element?
a. text-transform ✓ b. font-style c. text-align d. font-variant
Which of the following list styles should be applied to the ol element to display an unordered list with markers as shown below?
a. ul {list-style-type: disc;} ✓ b. ul {list-style-type: none;} c. ul {list-style-type: upper-greek;} d. ul {list-style-type: circle;} *
To direct a style rule to specific elements, _____ can be used to match only those page elements that correspond to a specified pattern.
a. web fonts b. descendant elements c. selector patterns ✓ d. pseudo-classes
Adding all three primary colors—red, green, and blue—at maximum intensity produces the color _____, while adding any two of the three primary colors at maximum intensity produces the trio of complementary colors: yellow, magenta, and cyan.
a. white ✓ b. black c. lime d. blue
Clipping can only be applied when an object is placed using _____ positioning.
absolute
When the footer is the last element in a page body, the _____ pseudo-element is used to add a placeholder element after the footer.
after
Which of the following properties centers the content of a CSS grid cell horizontally and positions it with the bottom edge of the cell?
align-items: center; justify-items: end;
The _____ value of the overflow style keeps an element at a specified size, adding scroll bars only as they are needed.
auto
When a rectangular region is defined using an appropriate style, which value matches the specified edge of the clipping region to the edge of the parent element?
auto
When a CSS element is displayed as a grid, the direct child elements nested within it
become grid items
The width property of the _____ model is based on the sum of the content, padding, and border spaces and any space taken up by the padding and border is subtracted from space given to the content.
border box
Identify the property that is used to choose the layout model.
box-sizing
An element within a CSS grid _____.
can span several cells within a grid area
A _____ is a popular design element that consists of an enlarged initial letter in a body of text that drops down into the text body.
drop cap
To create a drop cap, one can increase the font size of an element's _____ and float it on the left margin.
first letter
A _____ is one in which the size of the web page and the size of its elements are set regardless of the screen resolution.
fixed layout
The _____ unit can be thought of as a share of available space.
fr
Once a Cascading Style Sheets (CSS) grid is established, a specific element within a _____ is placed at the intersection of a specified row and column.
grid cell
In the z-index:value; property,valueis a(n) _____.
integer
The grid-gap property is used to define the _____ in a CSS grid.
internal space between grid rows and columns
network
is a structure in which information and services are shared among devices
Which function allows you to switch between fixed and flexible track sizes?
minmax(min, max)
Identify the default clear value that allows an element to be displayed alongside any floated objects
none
What is the value of the list-style that will cause no marker to be displayed?
none
Which display value would work best to prevent the pictures from displaying when the web page loads?
none
A(n) _____ is a line drawn around an element, enclosing the element content, padding, and border spaces.
outline
The scroll value of the overflow style keeps the element at the specified dimensions, but adds horizontal and vertical scroll bars to allow users to scroll through the _____ content.
overflowed
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
A(n) _____ supersedes a browser's default styles and provides a consistent starting point for page design
reset style sheet
Which of the following can be used to express style in the outline-style property outline-style: style;?
ridge
Within the CSS grid model, gridlines are numbered _____.
so that the first gridline is assigned a value of 1 and the last is assigned a value of -1
Browsers ignore any values specified for the left or top properties under _____ positioning
static
client/server network
the clients access information provided by one or more servers.
Hosts and Nodes
the devices in a network
What will be created by the following style rule? grid-template-columns: 250px 100px;
two grid columns: the first 250 pixels in width and the second 100 pixels in width
Scroll bars for overflow content are usually placed _____ so that one can scroll down to view the extra content.
vertically
Consider the following grid: grid-template-columns: 4fr 1fr; grid-template-rows: 4fr 2fr 1fr; This grid _____.
will contain rows whose heights maintain a proportion of 4:2:1
To specify a stacking order, one can use the _____ property.
z-index
