Position. Floats. Semantics. CSS3 - StanislauZubovich/UXMiniLab GitHub Wiki

###Trainer: Maria Putyrskaya & Yauheni Krauchanka

###Slides

• Box Model
• CSS3 Basics
• Semantics

###Improve your CSS selectors skills: http://flukeout.github.io/

###Content

1. HTML

• Box Model
  • Width/Height
  • Paddings
  • Borders
  • Margins
  • box-sizing
• Float and Clear
• Position
  • Static
  • Relative
  • Absolute
  • Fixed
  • Applying the layers
  • Z-index

2. CSS3

• border-radius
• box-shadow, text-shadow
• RGBA
• Gradient
• Transition/Transform
• How to set a color

3. Semantics

• Semantic code
  • Element and its properties
  • How to name classes
  • Combinations of elements
• SEO friendly
• Сode style
• ID vs. Class