Skip to content

Instantly share code, notes, and snippets.

@kellishouts

kellishouts/css_properties.md

Last active August 29, 2015 14:14
Show Gist options
  • Save kellishouts/5d6e356bc9ea1b65db26 to your computer and use it in GitHub Desktop.
Save kellishouts/5d6e356bc9ea1b65db26 to your computer and use it in GitHub Desktop.
Download ZIP
Basic CSS Properties to MASTER
Raw
css_properties.md

Level 1:

Spacing

  • margin
  • padding
  • this combo: margin:auto; display:block

Text

  • color
  • font-size
  • line-height
  • text-decoration
  • text-transform
  • font-family

Backgrounds

  • background color
  • background image
  • background size, repeat, position

Level 2

Understands cascades & specificity Understand Inherited Properties Understand Relative Sizes Understand Position Understand Display & Visibility Understand Inline, Inline-Block and Block Elements

Size and Position

  • fixed sizes and positions (pixel widths) and top/left (anchoring to a point) etc versus...
  • relative sizes (em, rem, %)

Level 3

Can make a mobile-first stylesheet

SCSS & Frameworks

SCSS Nice Organized Styles: BEM, SMACSS, 7-1 Frameworks

Beyond

Pixel Densities Flexbox Animations

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment