Deck 7: Page Layouts

Question 1

Float elements are limited in that you cannot float elements within floating elements.

Answer 1

False

Question 2

What is it called when an element contains an entire web page, centered within the browser window regardless of screen resolution?

A) container
B) float
C) columns
D) wrapper

Answer 2

D

Question 3

How are boxes laid out in the normal flow for block-level elements?

A) vertically
B) horizontally
C) side-by-side
D) perpendicular

Answer 3

A

Question 4

Page elements can be separated from each other with ____ settings to provide gutters between columns.

A) margin
B) float
C) clear
D) overflow

Question 5

In the normal flow for block-level elements, boxes are laid out horizontally one after the other, beginning at the left of the containing block.

Question 6

What did web designers use to create multiple-column layouts in the past, but which are no longer in favor?

A) blocks
B) tables
C) grids
D) CSS

Question 7

In a standard HTML document, the default position of elements is generally top to bottom and left to right.

Question 8

Fixed layouts are normally contained by a wrapper element.

Question 9

Column drops occur when the total width of the columnar elements in a page layout exceeds the width of their containing element.

Question 10

What can you use to position content elements on a web page and move them out of the normal flow of elements?

A) clears
B) floats
C) tables
D) blocks

Question 11

Modern web designs are built using the ____ layout capabilities.

A) block
B) table
C) grid
D) CSS

Question 12

Using a float division, you can center the layout horizontally in the browser.

Question 13

Content elements cannot be nested within containers.

Question 14

Fixed layouts vary with the resizing of the browser in different screen resolutions.

Question 15

What technique do you use to take an element out of the normal flow?

A) float
B) division
C) box
D) clear

Question 16

You can use the clear property to solve problems with float-based layouts not appearing where you want them.

Question 17

Which display type will cause elements to appear next to each other inside the < body > element?

A) vertical
B) adjacent
C) normal
D) inline

Question 18

If you have multiple columns, at least one needs to be nonfloating and positioned with margin properties.

Question 19

The ____ element is the containing element for the content section of the web page.

A) < content >
B) < wrapper >
C) < main >
D) < body >

Question 20

Which element can you use to contain an entire web page that centers the web page within the browser window?

A) division
B) section
C) span
D) paragraph

Question 21

You can create a division element to contain an entire web page, often called a(n) ___________________.

Question 22

When you ____________________, or position an element, you take it out of the normal flow.

Question 23

The original concept of ___________________ was to allow text to wrap around images.

Question 24

Fixed layouts are normally contained by a ____ element that controls the page width and centers the page in the browser window.

A) clear
B) wrapper
C) floating
D) static

Question 25

Which properties can you use to control the compression and expansion of your content in a flexible layout?

A) height and length
B) left-margin, right-margin
C) min-width and max-width
D) footer and header

Question 26

The original concept of floating was to allow ____.

A) elements to fall below each other
B) a footer to span across three columns
C) text to wrap around images
D) a three column layout

Question 27

 ____________________ is a layout error that occurs when the total width of the columnar elements in a page layout exceeds the width of their containing element.

Question 28

____ layouts shift as the user resizes the window, wrapping text or adding white space as necessary.

A) Fixed
B) Pixel
C) Flexible
D) Inch

Question 29

Which element is designed for content that is tangentially related to the content around it?

A) wrapper
B) aside
C) box
D) division

Question 30

Which type of measurements are often favored by designers when creating fixed designs?

A) Percentage
B) Ex
C) Em
D) Pixel

Question 31

Flexible layouts are the basis for which type of layout?

A) normal
B) responsive
C) columnar
D) fixed

Question 32

What must be specified on floating elements to prevent them from expanding to the size of the browser window?

A) width
B) length
C) size
D) constrain

Question 33

How do you set the margin properties to result in a centered layout?

A) centered
B) floating
C) top;bottom
D) auto

Question 34

What occurs when the total width of the columnar elements in a page layout exceeds the width of their containing element?

A) floating elements
B) normal flow
C) column drops
D) clearing problems

Question 35

The __________ element has no special meaning; use it only as a container for a block of content.

Question 36

Which type of layout provides designers with more control over the finished design?

A) fixed
B) two-column
C) flexible
D) inline

Question 37

In a three-column layout, if you use a nonfloating footer element, with the clear property set to ____, the containing wrapper will extend to contain all elements.

A) left
B) both
C) right
D) none

Question 38

Because some type of footer is a consistent design feature in most web sites, in a three column layout using the ____ property on the footer works very well.

A) layout
B) clear
C) padding
D) margin

Question 39

What element should you use to contain all the page elements when you are trying to control the flexible layout width?

A) column
B) paragraph
C) box
D) wrapper

Question 40

Which type of  layout allows designers to build more complex layouts because they can be fairly sure of consistent results?

A) fixed
B) two-column
C) flexible
D) inline

Question 41

What is a column drop?

Question 42

The _____________ element represents a thematically grouped section of a document, but is different from the < article > element. 

Question 43

Describe some of the advantages of a fixed page layout.

Question 44

If you use a nonfloating footer element, with the clear property set to_______ , the containing wrapper will extend beyond the footer property to contain all content  elements on the page

Question 45

_____________________ layouts adapt to the size of the browser window.

Question 46

Another benefit of using a wrapper division to contain your layout is the ability to automatically ____________________ the layout horizontally in the browser.

Question 47

Describe how to use < div >, < article >, and < section > to create content containers.

Question 48

Describe the advantages and disadvantages of flexible layouts.

Question 49

Automatic centering is a simple use of the ____________  property.

Question 50

Describe the normal flow of elements and how floating elements affect it.