w3schools – CSS Layout – width + max – width

w3schools – CSS Layout – Position Property

  • static
  • relative
  • fixed
  • absolute

exercise 1-5

hmm apparently I need to review again the differences in the position properties.

  • static – not positioned special just the normal page flow
  • relative – doesn’t affect the other elements of the nothing page nothing will take it’s place
  • fixed – stays even if you scroll like navigation
  • absolute – positioned relative to the nearest positioned ancestor
  • z-index  – helps overlapping elements stacking order

w3schools – CSS Layout – Overflow

exercises 1-3

w3schools – CSS Layout – float and clear

  • the webpage all made with float is really interesting

w3schools – CSS Layout – inline – block

  • inline takes out the need for the clear property

w3schools – CSS Layout – Horizontal + Vertical Align

exercises 1-2

w3schools – CSS Combinators

  • decendant selector (space)
  • child selector >
  • adjacent sibling selector +
  • general sibling selector ~

exercise 1-4

9,992:21 Left / 7:39 Done

Advertisements