Tutorial 6 Quick Checks

Session 6.1 Quick Check

  1. Broken Layout
  2. Fixed-width layout, and fluid layout
  3. Aside element
  4. Putting a margin on one of the two side-by-side columns.
  5. Header, navbar, sidebar, main content area, and footer

Session 6.2 Quick Check

  1. When the image itself is an important part of the website and is provided for informational purposes, then you should use the figure element. The figure element can include a caption with further information about the image.
  2. The content width is the width of only the box content- such as text or an image. The column width is the sum of the box content along with it's borders, margins, and padding.
  3. The @import rule is used to import one style sheet into another.
  4. Specificity describes how browsers calculate which style rule prevails if there are conflicting rules in the same source. In selectors that are the same, the rule is that the farthest down in the list prevails. To resolve conflicts among different types of selectors however, CSS uses specificity to resolve the conflict by assigning weights to specific selector types. The rule with the highest weight will take precedence.
  5. In determining specificity, the id selector has the greatest weight of 100. The class selector comes next with a weight of 10, and the lowest weight of 1 is assigned to element selectors.