CHS Web Design Track

3 Designing a Page Layout Review

MULTIPLE CHOICE

  1. 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.
    1. block
    2. run-in
    3. none
    4. inline
  2. The _____ value of the display style removes an element from a rendered page.
    1. null
    2. none
    3. empty
    4. hide
  3. A(n) _____ supersedes a browser’s default styles and provides a consistent starting point for page design.
    1. elastic layout
    2. content box
    3. fixed grid
    4. reset style sheet
  4. What is the value of the list-style that will cause no marker to be displayed?
    1. empty
    2. null
    3. void
    4. none
  5. In a fixed layout, the size of the page and the size of the page elements are fixed using _____ as the unit of measure.
    1. ems
    2. fractions
    3. percentage
    4. pixels
  6. A _____ is one in which the size of the web page and the size of its elements are set regardless of the screen resolution.
    1. fluid layout
    2. fixed layout
    3. liquid layout
    4. stationary layout
  7. A _____ sets the width of page elements as a percent of the available screen width.
    1. fixed layout
    2. standard layout
    3. fluid layout
    4. stationary layout
  8. Some designers propose the use of _____ in which all measurements are expressed relative to the default font size using the em unit.
    1. liquid layouts
    2. fixed layouts
    3. fluid layouts
    4. elastic layouts

TRUE FALSE

  1. The display property inherit inherits the display property of a child element.
  2. Whether an element is displayed as a block or as inline depends on the style sheet.
  3. Many designers prefer to work with a “clean state” and not have any browser style rules creep into the final design of their website.
  4. One can prevent browsers from displaying an element by setting its display property to inline.
  5. Setting the display style to none hides an element but does not remove it from the page flow.
  6. Web page layouts fall into three general categories: fixed, fluid, and elastic.
  7. One challenge of layout is that the document will be viewed on many different devices with the same screen resolution.
  8. Fixed layouts should only be used when one has more control over the devices that will display the page.
  9. Centering an element vertically within its parent element is easily accomplished as the height of the parent element is defined by a value.
  10. New content can be easily placed within a grid in a way that is consistent with previously entered information.
  11. A popular design element is the inline-block, which consists of an enlarged initial letter in a body of text that drops down into the text body.
  12. Setting up a grid decreases the size and complexity of the Hypertext Markup Language (HTML) code by adding another level of markup.
  13. Users find it easier to scan content when page elements are aligned vertically and horizontally.
  14. To place an object with absolute positioning, use either the top/left coordinates or the bottom/right coordinates but not all four coordinates at the same time.
  15. If a container has been placed with absolute or relative positioning, then any object nested within it can be placed with absolute positioning.
  16. The position property can be set to depend so that an element inherits the position value of its parent element.
  17. A value of auto for the overflow property instructs browsers to increase the height of an element to fit the overflow content.
  18. To specify a different stacking order for elements, the clip property can be used.
  19. The z-index property works only for elements that are placed with relative positioning.
  20. Rhythm is the ability to combine different design elements into a cohesive whole.

SHORT ANSWER

  1. In a(n) _________ page layout, all measurements are expressed in em units and based on the default font size used in the page.
  2. The web is moving quickly toward the principles of _________ design in which the layout and design of a page changes in response to the device that is rendering it.
  3. Block elements can be centered horizontally within their parent element by setting both the left and right margins to _________.
  4. If _________ elements are floated along the same margin, they are placed alongside each other within a row.
  5. _________ an element takes it out of position and places it along the left or right edge of its parent element.
  6. To ensure that an element is always displayed below floating elements, the _________ property should be applied.
  7. In refining a floated layout, by default, browsers measure widths using the _________ box model in which the width property only refers to the width of the element content and any padding or borders constitute added space.
  8. Block elements are laid out in a webpage according to the _________ model.
  9. . In refining a floated layout, Cascading Style Sheets (CSS) support the _________ box model in which the width property 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.
  10. A situation in which a container is empty and has no height and no background to color is known as _________.
  11. The Cascading Style Sheets (CSS) grid styles introduced the _________ unit, which represents the fraction of available space left on the grid after all other rows or columns have attained their maximum allowable size.
  12. static, relative, absolute, fixed, and inherit are the five kinds of _________ supported by Cascading Style Sheets (CSS).
  13. _________ positioning is used to nudge an element out of its normal position in a document flow.
  14. In _________ positioning, an element is placed where it would have fallen naturally within the flow of a document.
  15. In _________ positioning, an element is placed where it would have fallen naturally within the flow of a document.
  16. The _________ value of the overflow style keeps the element at a specified size, adding scroll bars only as they are needed.
  17. The white-space property of an element is set to _________, which keeps inline content on a single line, preventing line wrapping.
  18. The _________ property, closely related to the overflow property, defines a rectangular region through which an element's content can be viewed.
  19. The _________ property, closely related to the overflow property, defines a rectangular region through which an element's content can be viewed.
  20. The design principle _________ consists of the differences among all of the page elements.

Check Your Answers