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