Build Shit in CSS

  1. Introduction
  2. Blocks, Inlines, and Display
  3. Selectors
  4. Box Model
  5. Floating+Clearing I
  6. Floating+Clearing II
  7. Centering
  8. Positioning
  9. Vertical Centering and Radius
  10. Z-Index
  11. :before and :after
  12. Columns
  13. Image Grids
  14. Say No To Bootstrap
  15. The Baseline
  16. Forms
  17. Tables
  18. Background Image
  19. More Transforms
  20. Other Resources I like

Advanced Selectors

I assume you already know how to style stuff by its id, class, or element.

Goals

  1. Headlines (<h1>) followed by a subhead (<h2>) shouldn't have space between them.
  2. Subheads that follow a headline should have a red line (border-bottom) under them.
    • Subheads elsewhere should have normal margin and no bottom border
  3. Italics <i> inside of h1 or h2 should be blue. But not elsewhere.
  4. In the list, even items should have a yellow background.

Notes