CH 3
Clipping can only be applied when an object is placed using _____ positioning. a. absolute b. static c. relative d. fixed
a
Which of the following is the default overflow property? a. visible b. hidden c. scroll d. auto
a
A layout for a mobile device is typically based on a _____ grid. a. 6-column b. 1-column c. 13-column d. 12-column
b
Browsers ignore any values specified for the left or top properties under _____ positioning. a. absolute b. static c. elastic d. inherited
b
Identify the property that is used to choose the layout model. a. clear b. box-sizing c. vertical-align d. outline-style
b
In the overflow property, a value of _____ instructs browsers to increase the height of an element to fit the overflow content. a. hidden b. visible c. scroll d. auto
b
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. a. stack b. grid cell c. sibling element d. track-list
b
_____, a principle of design, involves the distribution of elements. a. Unity b. Balance c. Contrast d. Rhythm
b
A _____ sets the width of page elements as a percent of the available screen width. a. fixed layout b. standard layout c. fluid layout d. stationary layout
c
The _____ unit can be thought of as a share of available space. a. wbr b. em c. fr d. grid-template
c
The _____ value of the overflow style keeps the element at a specified height and width, but cuts off excess content. a. auto b. scroll c. hidden d. visible
c
To create a drop-cap, one can increase the font size of an element's _____ and float it on the left margin. a. first line b. hyperlink c. first letter d. ridge
c
_____, a principle of design, involves working with the focal point of a design. a. Balance b. Rhythm c. Emphasis d. Unity
c
A(n) _____ supersedes a browser's default styles and provides a consistent starting point for page design. a. elastic layout b. content box c. fixed grid d. reset style sheet
d
All block elements, like the body element, have a default width of _____. a. 50% b. 150% c. 0% d. 100%
d
Some designers propose the use of _____ in which all measurements are expressed relative to the default font size using the em unit. a. liquid layouts b. fixed layouts c. fluid layouts d. elastic layouts
d
Desktop layouts are often based on layouts with _____ columns. a. 4 to 12 b. 1 to 3 c. 0 d. 12 or more
d
Which of the following style rules is used to draw a 1px red dotted line around every element on a web page along with a wildcard selector? a. *{outline: 1px dotted red;} b. *{outline-style: 1px dotted red} c. *{outline-style="1px red dotted"} d. *{outline: 1px, red, dotted;}
a
_____ is a popular design element which consists of an enlarged initial letter in a body of text that drops down into the text body. a. Drop cap b. Title cap c. Camel cap d. Frame cap
a
_____ places an element at specific coordinates either in a page or within a container element. a. Absolute positioning b. Relative positioning c. Static positioning d. Inherited positioning
a
_____ positioning is essentially the same as not using any Cascading Style Sheets (CSS) positioning at all. a. Static b. Relative c. Absolute d. Elastic
a
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. a. roll backed b. overflowed c. text-flowed d. in-flowed
b
To center an element vertically within its parent element, display the parent element as a table cell with a defined height and then set the vertical-align property to _____. a. left b. middle c. right d. top
b
Which of the following is the syntax of the clip property? a. clip: rect(top, left, bottom, right); b. clip: rect(top, right, bottom, left); c. clip: rect(bottom, top, right, left); d. clip: rect(bottom, right, top, left);
b
Which of the following styles has Ken most likely used to remove the underline from links? a. text-format b. text-decoration c. text-align d. text-font
b
A _____ is one in which the size of the web page and the size of its elements are set regardless of the screen resolution. a. fluid layout b. fixed layout c. liquid layout d. stationary layout
b
Drop caps look better if the first letter's _____. a. line height is increased b. line height is decreased c. width is decreased d. width is increased
b
Identify the element that marks the distinct rows and columns of a grid to give a consistent structure to floating objects. a. head b. div c. margin d. p
b
Ken can space the links equally across the browser window, to make the page text easier to read, by changing the _____. a. text-align b. width c. font-size d. height
b
Sue needs to create a _____ style sheet so that no unwanted styles can creep in from any browser's internal style sheet. a. redesign b. reset c. design d. planned
b
Which of the following can be used to express value in the outline-width property outline-width: value;? a. dotted b. thick c. dashed d. double
b
Which of the following class names is used to indicate a column with a width of 25%? a. <div class= "col-25%"></div> b. <div class="col-1-4"></div> c. <div class="col-1/4"></div> d. <div class="col-0.25px"></div>
b
_____ is used to nudge an element out of its normal position in a document flow. a. Absolute positioning b. Relative positioning c. Static positioning d. Fixed positioning
b
To make the webpage display the yacht club rules in a bulleted list, _____ should be used. a. display: list-item b. display: item-list c. display: list d. display: top-list
a
When the footer is the last element in a page body, the _____ pseudo-element is used to add a placeholder element after the footer. a. after b. first-line c. before d. first-letter
a
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. a. border box b. padding box c. content box d. margin box
a
Identify the attribute selector that matches all div elements whose class attribute begins with the text string "col-". a. div[class^="col-"] b. div[class|="col-"] c. div[class$="col-"] d. div[class˜="col-"]
a
Identify the default clear value that allows an element to be displayed alongside any floated objects. a. none b. left c. right d. middle
a
Internet Explorer supports grid styles using the _____ browser prefix. a. -ms- b. -fr- c. -ie- d. -wbr-
a
Tablet layouts are based on grids of _____ columns. a. 4 to 12 b. 1 to 3 c. 0 d. 12 or more
a
The item marked _____ in Figure 3.1 represents the visible value of the overflow property. a. 1 b. 2 c. 3 d. 4
a
Scroll bars for overflow content are usually placed _____ so that one can scroll down to view the extra content. a. horizontally b. vertically c. in the corners d. at the bottom
b
The _____ value of the display style removes an element from a rendered page. a. null b. none c. empty d. hide
b
The display type value _____ is displayed as a block unless its next sibling is also a block, in which case, it is displayed in-line, essentially combining the two blocks into one. a. block b. run-in c. none d. inline
b
A(n) _____ is a line drawn around an element, enclosing the element content, padding, and border spaces. a. border b. margin c. outline d. inline
c
Identify a grid-based property that is a space-separated list of row heights or column widths. a. grid-template-row b. grid-template-column c. track-list d. inline-list
c
Identify a property that a browser can use to handle excess content. a. clip b. article c. overflow d. border
c
The coordinates for the section element need not be defined as long as its position is set to _____. a. absolute b. fixed c. relative d. static
c
Which item in Figure 3.1 represents the scroll overflow style? a. 1 b. 2 c. 3 d. 4
c
Which of the following can be used to express style in the outline-style property outline-style: style;? a. thin b. thick c. ridge d. medium
c
Which of the following is a popular Cascading Style Sheets (CSS) framework? a. Flex Unit 4 b. Medoo c. Skeleton d. Spark
c
In the outline-style property outline-style: style; style can be set to _____ for displaying a single line. a. groove b. none c. solid d. outset
c
In the z-index property, the value of _____ stacks the object using default rules. a. left b. hidden c. auto d. none
c
In z-index: value; property, value is a(n) _____. a. fraction b. imaginary number c. integer d. decimal
c
The _____ value of the overflow style keeps an element at a specified size, adding scroll bars only as they are needed. a. scroll b. visible c. auto d. hidden
c
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? a. right b. default c. auto d. left
c
_____, a principle of design, is the repetition or alternation of a design element in order to provide a sense of movement, flow, and progress. a. Unity b. Balance c. Rhythm d. Emphasis
c
Identify a true statement about grids. a. New content cannot be placed within a grid as it will be inconsistent with previously entered information. b. Grids slow down the development process for establishing a systematic framework for a page layout. c. Grids add order to the presentation of a page content without adding any visual rhythm. d. A well designed grid is more easily accessible for users with disabilities and special needs.
d
Identify the default type for the box-sizing property. a. inherit-box b. padding-box c. border-box d. content-box
d
Identify the style that should be applied to remove clipping completely from an element. a. clip: none b. clip: hidden c. clip: left d. clip: auto
d
The _____ property allows one to define a rectangular region through which an element's content can be viewed. a. crop b. static c. auto d. clip
d
To specify a stacking order, one can use the _____ property. a. index b. layer c. z-layer d. z-index
d
What is the value of the list-style that will cause no marker to be displayed? a. empty b. null c. void d. none
d
Which display value would work best to prevent the pictures from displaying when the web page loads? a. inherit b. run-in c. block d. none
d
Which of the following statements is true of outline styles? a. An outline does not surround an entire element. b. There are separate outline styles for the left, right, top, or bottom edge of an object. c. An outline adds values to the width and height of an object. d. All of the outline styles properties can be combined into the outline shorthand property.
d
In a fixed layout, the size of the page and the size of the page elements are fixed using _____ as the unit of measure. a. ems b. fractions c. percentage d. pixels
d
