Skip to content

Overview

What You Will Learn

After Module 2 you will be able to:

  1. Implement ALL course coding standards 1-16.
  2. Create external stylesheets
  3. Understand and traverse the Document Object Model
  4. Explain CSS inheritance and specificity
  5. Use the Developer Tools to read and debug CSS.
  6. Use CSS to style text, add color, and background images
  7. Use the box model to effectively add spacing to a web site
  8. Create HTML tables and style effectively with CSS
  9. Use the correct type of CSS selector to target HTML elements (id, class, pseudo-class, pseudo-element, and attribute)
  10. Create HTML forms
  11. Use CSS floats and positioning properties to control page layouts

Week 7 - CSS Intro

  • Embedded, inline, and external Stylesheets
  • Developer Tools
  • CSS style rules
  • CSS inheritance
  • Document Object Model

Week 8 - More CSS

  • Styling text
  • Units of measurement
  • id, class, pseudo-class, psseudo-element, and attribute selectors
  • CSS specificity
  • Color and opacity
  • Background images

Week 9 - Box Model & Tables

  • The box model
    • padding, margin, and borders
  • Tables
  • :nth-child() selector

Week 10 - HTML Forms

  • Form inputs
  • Form Attributes
  • Form labels and alignment

Week 11 - CSS Positioning

  • CSS Floats
  • CSS Positioning