Lets add 20 CSS properties to match our 20 HTML elements.  I would suggest the following top 20. Be warned, knowing what these are capable of doing is only part of the CSS story. You need to grasp the concept of selectors and storage.

Typography

  1. color
  2. font-family
  3. font-size
  4. font-weight
  5. text-align
  6. text-decoration
  7. line-height

Background Styling

  1. background*

Box Model

  1. border
  2. padding
  3. margin
  4. width
  5. height

Page Layout

  1. display
  2. flex-wrap
  3. flex-basis
  4. justify-content
  5. float
  6. clear
  7. overflow

I think that little lot will get you quite a way into the wonderful world of CSS.

* Bit of a cheat but I have sneaked in background-color, background-attachment, background-position and background-repeat with background as they are all related.

Leave a Comment