Please enable JavaScript.

Coggle requires JavaScript to display documents.

CSS - Coggle Diagram

- - - - all elements are static by default, go along with default html rules
        this is html without css
    - - relative to how it would have been places if it was static
        
        you can change the coordinates top, bottom, left and right
        
        it doesn't affect the position of anything else on the screen
        
        it changes the margin property of the element
    - - we are positioning the element relative to its parent
        
        this too changes the margin property of the element
    - - Doesn't move with scrolling
      - Useful for nav bars
  - - - if it is a block element and has the width set, then use margin: 0 auto 0 auto;
- - - - effectively blocking-out any other elements to sit next to it
  - - - images are kindof like this
- - - - parent dimensions
    - - currently declared font attributes
    - - viewport dimensions