Deck 4: Creating Page Layouts with CSS

Question 1

If you enter only one value for the border-radius property,that radius is applied to only one corner.

Answer 1

False

Question 2

The white-space property defines how browsers should handle white space in the rendered document.

Answer 2

True

Question 3

Blocks occupy a defined rectangular area within a page.

Answer 3

True

Question 4

By default a background image moves along with the element content as a user scrolls through the page.

Question 5

Rhythm is the ability to combine different design elements into a cohesive whole.

Question 6

A popular design element is the drop cap,which consists of an enlarged initial letter in a body of text that drops down into the text body.

Question 7

Web page layouts fall into three general categories: fixed,fluid,and elastic.

Question 8

In relative positioning,browsers place an element based on where it would naturally flow within the document.

Question 9

Setting padding is similar to setting margins.

Question 10

The current version of both Firefox and Safari have adopted the CSS3 standard.

Question 11

CSS specifications can be identified through the use of a vendor suffix,which indicates the browser vendor that created and supports the property.

Question 12

An element placed with absolute or relative positioning scrolls with the document content.

Question 13

Few designers create a reset style sheet to define their default styles.

Question 14

When browsers render an element with multiple backgrounds,the images that are listed last are the first ones loaded.

Question 15

Unlike borders,outlines also can be non-rectangular in shape.

Question 16

Setting the display style to "none" hides an element but does not remove it from the page flow.

Question 17

Browsers will render a border correctly only if the order is specified as width,style,and color values.

Question 18

A parent element is positioned within its child element in the Web page.

Question 19

Users find it easier to scan content when page elements are aligned vertically and horizontally.

Question 20

Tiling is when a browser loads a background image,then repeats the image in both the vertical and horizontal directions until the entire background is filled.

Question 21

Scroll bars for overflow content are usually placed horizontally so that you scroll down to view the extra content._________________________

Question 22

Elastic layouts are measurements expressed relative to the default font size using the em unit._________________________

Question 23

The open-space property defines how browsers should handle white space in the rendered document._________________________

Question 24

The item marked 4 in the accompanying figure represents the scroll value of the overflow property._________________________

Question 25

Relative positioning places an element at specific coordinates either in the page or within a container element._________________________

Question 26

Older browser versions might not support the current CSS1 specifications,but might support one of the browser extensions._________________________

Question 27

The contain keyword tells browsers to scale the image so that all of the image is completely contained within the element._________________________

Question 28

Stacking an element takes that element out of the normal flow of the document and positions it along the left or right edge of its containing element._________________________

Question 29

Rounded and square corners do not clip element content._________________________

Question 30

The item marked 2 in the accompanying figure represents the hidden value of the overflow property._________________________

Question 31

Percentages usually are based on the size of the container element._________________________

Question 32

The display type value treated as a block placed in line within another block is ____.

A) inherit
B) list-item
C) inline-block
D) none

Question 33

The CSS box model is composed of a series of concentric boxes containing ____.

A) element content
B) cushion
C) gutters
D) frames

Question 34

A(n)fluid layout is one in which the size of the Web page and the size of the elements within it are set without regard to the screen resolution._________________________

Question 35

The z-index property stacks overlapping objects with the highest z-index value on top of the others._________________________

Question 36

The ____ contains the content and padding as well as the box border.

A) border box
B) padding box
C) content box
D) margin

Question 37

The style border-style-bottom: double single; places a double border above and below the element,and a single border on the element's left and right edges._________________________

Question 38

The item marked 1 in the accompanying figure represents the visible value of the overflow property._________________________

Question 39

The size and appearance of the four sections of the CSS box model control how an element is displayed by browsers and play an important role in determining page ____.

A) margins
B) content
C) layout
D) design

Question 40

The display type value ____ is displayed as a block unless its 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

Question 41

Each browser's ____ style sheet sets the margins around block elements such as paragraphs and headings.

A) internal
B) external
C) attached
D) single

Question 42

The weight of each element will be inherited from its ____.

A) child
B) parent
C) sibling
D) heir

Question 43

Browser extensions that are not part of the official CSS specifications can be identified through the use of a ____ that indicates the browser vendor that created and supports the property.

A) customer prefix
B) customer suffix
C) vendor prefix
D) vendor suffix

Question 44

____ the styles allows the designer to start from a known baseline,confident that no unwanted styles will creep in from any browser's internal style sheet.

A) Rebooting
B) Resetting
C) Redesigning
D) Reusing

Question 45

____ an element takes that element out of the normal flow of the document and positions it along the left or right edge of its containing element.

A) Fixing
B) Floating
C) Designing
D) Drawing

Question 46

The ____ property defines whether background-position values refer to the content box,the padding box,or the border box.

A) background
B) background-origin
C) background-clip
D) background-size

Question 47

A ____ defines the size of the page and its elements as a percentage of the screen width,meaning that a Web page and its elements are wider on a wider screen.

A) fixed layout
B) standard layout
C) fluid layout
D) water layout

Question 48

If images overlap,the ____ images listed appear on top of subsequent images.

A) second
B) first
C) last
D) later

Question 49

To apply the styles to every element nested within the body element,the style rule uses a(n)____ selector.

A) dash
B) ampersand
C) asterisk
D) quote

Question 50

____ allows you to specify multiple images and their properties in a comma-separated list.

A) CSS
B) CCS
C) CSSX
D) CCS1

Question 51

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

Question 52

WebKit,Mozilla,and Presto support similar extensions that mirror the ____ background-size and background-clip properties.

A) CSS
B) CSS1
C) CSS2
D) CSS3

Question 53

A ____ is one in which the size of the Web page and the size of the elements within it are set without regard to the screen resolution.

A) fluid layout
B) fixed layout
C) liquid layout
D) stationary layout

Question 54

By default,browsers place the background image in the element's ____ corner.

A) upper-left
B) lower-left
C) upper-right
D) lower-right

Question 55

The style rule ____ applies a 10-pixel margin above and below every h1 element,and a 20-pixel margin to the left and right.

A) h1 {margin: 20px 20px;}
B) h1 {margin: 20px 10px;}
C) h2 {margin: 10px 20px;}
D) h1 {margin: 10px 20px;}

Question 56

A ____ background image can be used to create a watermark effect,in which a subtle,often translucent graphic is displayed behind elements to mimic the watermarks found on some specialized stationery.

A) flexible
B) transparent
C) rigid
D) fixed

Question 57

As with the margin property,you can specify any or all of the ____ padding values.

A) two
B) four
C) one
D) three

Question 58

The ____ process repeats the image in both the vertical and horizontal directions until the entire background is filled.

A) paper
B) paint
C) tiling
D) pasting

Question 59

The ____ keyword tells the browser to scale the image in order to cover all the background while still retaining the proportions of the image.

A) contain
B) content
C) auto
D) cover

Question 60

The ____ keyword allows the browser to set the background image automatically based on the size of the image in the image file.

A) cover
B) content
C) contain
D) auto

Question 61

____ places an element at specific coordinates either in the page or within a container element.

A) Absolute positioning
B) Relative positioning
C) Static positioning
D) Inherit positioning

Question 62

A(n)____ is a line drawn around an element,but does not add to the toal space allotted to an element.

A) border
B) margin
C) outline
D) inline

Question 63

Border widths can be expressed using the keywords ____,medium,or thick.

A) thin
B) auto
C) average
D) slim

Question 64

The ____ model also allows designers to create elongated or elliptical corners by specifying two values for the radius,separated by a slash.

A) CSS rectangle-corner
B) CSS oval-corner
C) CSS square-corner
D) CSS rounded-corner

Question 65

Rounded corners were first introduced in both the WebKit and ____ browser extensions.

A) Internet Explorer
B) Safari
C) Mozilla
D) FireFox

Question 66

If you enter three values for border width,the values are applied in the order of ____.

A) top, left/right, and bottom borders
B) left/right, top and bottom borders
C) top and bottom borders, left/right
D) bottom and top borders, left/right

Question 67

Browsers ignore any values specified for the left or top properties under ____ positioning.

A) absolute
B) static
C) fixed
D) inherited

Question 68

The current versions of both Firefox and Safari have adopted the ____ standard.

A) CSS3
B) CSSX
C) CSS2
D) CSS1

Question 69

One trick for vertically centering a block element is to use the display property to make the element into a(n)____ element.

A) boxed
B) inline
C) run-in
D) inherit

Question 70

To set the border width,use the property ____.

A) border-width: width;
B) border-width: color;
C) border-width: style;
D) border-width: color style;

Question 71

The outline design style that creates the effect of an outline raised from the page is ____.

A) groove
B) solid
C) ridge
D) double

Question 72

To create an elongated bottom-left corner,you could apply the style ____,which would set the horizontal radius of the bottom-left corner to 150 pixels and the vertical radius to 80 pixels.

A) border-bottom-left-radius: 150px 80px;
B) border-bottom-left-radius: 80px 80px;
C) border-bottom-left-radius: 150px 150px;
D) border-bottom-left-radius: 80px 150px;

Question 73

If you enter only one value for border-radius properly,that radius is applied to ____ corner(s).

A) the top-left and bottom-right
B) the top-right and bottom-left
C) all four
D) the top-left

Question 74

The other important difference in style values is that the ____ extension separates horizontal and vertical radii with a space rather than a slash.

A) Mozilla
B) CSS3
C) WebKit
D) Internet Explorer

Question 75

____ is used to move an element relative to where the browser would have placed it if no positioning had been applied.

A) Absolute positioning
B) Relative positioning
C) Static Positioning
D) Fixed Positioning

Question 76

The style ____ places a double border above and below the element,and a single border on the element's left and right edges.

A) border-style-top: double single;
B) border-style-bottom: double single;
C) border-style-right: double single;
D) border-style-left: double single;

Question 77

What is the value of the list-style style that will cause no marker to be displayed?

A) empty
B) null
C) void
D) none

Question 78

The width taken up by an element is calculated as ____.

A) total width = content width + padding + border width
B) total width = content width + padding
C) total width = padding + border width
D) total width = content width + border width

Question 79

To extend the bottom border of a hyperlink across the complete width of a navigation list,change the ____ property of each hyperlink to block.

A) block
B) display
C) border-display
D) auto

Question 80

Unlike ____,outlines can be non-regular in shape.

A) margins
B) borders
C) boxes
D) shapes