Advertisement
wtmhahagd

a CSS curriculum

Jun 22nd, 2018
131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.40 KB | None | 0 0
  1. 1. text styling.
  2. - how do you set fonts? the concept of fallback fonts
  3. - how do you set colors? text colors, background colors? ways to represent colors (hex, rgb)
  4. - font sizes (there's a kajillion ways to set these - I recommend percentages)
  5. - bold, italics, underline...
  6. - line-height to reduce visual cramping
  7. - styles that can be applied to lists
  8. - how to control text wrapping / how words cut off (not too common but it fits here)
  9. - selectors: selecting general elements, selecting children, selecting classes and IDs, *, >
  10. 2. box model. (!!!!important!!!!)
  11. - margin
  12. - border
  13. - padding
  14. - border-radius (and how to avoid children elements overflowing)
  15. 3. positioning.
  16. - float (associated property: clear // associated concept: flow // block vs. inline becomes important here)
  17. - recommended resource: https://css-tricks.com/all-about-floats/
  18. - box-sizing property
  19. - display property
  20. - absolute, fixed, and relative positioning
  21. - flexbox (you'll end up using this the most)
  22. - recommended resource: flexbox froggy
  23. - recommended resource: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
  24. - grid? (haven't used this tbh)
  25. - media queries to adjust the layout depending on the screen width
  26. 4. advanced tricks
  27. - fancypants selectors: pseudoselectors, pseudoclasses.
  28. - gradients
  29. - transitions
  30. - ::before and ::after
  31. 5. come up with stuff to make and make it look pretty!
  32.  
  33. cascade / inheritance
  34. backgrounds
  35. text-indent
  36. measurements
  37. classes and IDs
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement