CSS 2 Flashcards
declaration
- includes both the property and the value
- contained in the curly braces
position
- used to arrange elements
5 position properties (5)
- relative
- absolute
- fixed
- static
- inherit
5 position properties (5)
**static
- default value
- elements not positioned at all
5 position properties (5)
**inherit
- inherit the value from ancestor elements
5 position properties (5)
**relative
- elements stays in normal flow
- can use offset properties
5 position properties (5)
**absolute
- elements measured in relation to its containing elements
- parent element must have a position (not be static )
5 position properties (5)
**fixed
- element is fixed in relation to the viewport
the natural stacking or HTML from top is
- position (default highest z-index)
- inline
- float
- block (lowest)
2 philosophical approaches for desktop/mobile design (2)
- graceful degradation
2. progressive enhancement
graceful degradation (4)
- design for modern browsers
- provide fallback for unsupported features
- ensure basic functionality works for older browsers
- desktop first
progressive enhancement
- focus on content and accessibility
- create base level experience
- add advance features for enhancements
- mobile first
media types (4)
- speech
- screen
- all
media types (4)
matches to printer and other print related displays
media types (4)
**speech
- matches screen readers
media types (4)
**screen
matches all devices that are not print or speech
media types (4)
**all
matches all devices