Tutorial 7 Quick Checks

Session 7.1 Quick Check

  1. A liquid layout is a design that expands or contracts in proportion to the size of the user's web browser window.
  2. In a liquid layout, the columns are determined using percentage values, not pixel values.
  3. Nested section elements are section elements that are located within another section element.
  4. Nested elements can be used to mark content within another block element and can therefore create structure and group content within a section.

Session 7.2 Quick Check

  1. A liquid layout is a design that expands or contracts in proportion to the size of the user's web browser window. It uses percentage values to determin column width and if you want it can take up the entire screen width. A fixed-layout has a fixed screen width and usually does not occupy the entire screen width. The measurements of column widths in a fixed-layout are determined using pixels.
  2. Just like in a fixed-layout, div can be used to create a section and style that section using the id selector. It can be used to create a container for the entire websites contents by using the div element around the entire body section and then styling it to take up only a certain percentage of the screen - usually somewhere between 70 and 90%. Setting the right and left margins of the container to auto will also allow you to center the content of the page.
  3. A print style is a style designed to create output for a printed copy.
  4. It's best to create print styles in an external style sheet.
  5. To link a print style sheet, use the media attribute with a value of print
  6. The @page rule is a style rule used to set the size of the print area and the margins for printing, and is commonly used only with print style sheets.