CSS 2 Flashcards

1
Q

declaration

A
  • includes both the property and the value

- contained in the curly braces

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

position

A
  • used to arrange elements
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

5 position properties (5)

A
  1. relative
  2. absolute
  3. fixed
  4. static
  5. inherit
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

5 position properties (5)

**static

A
  • default value

- elements not positioned at all

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

5 position properties (5)

**inherit

A
  • inherit the value from ancestor elements
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

5 position properties (5)

**relative

A
  • elements stays in normal flow

- can use offset properties

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

5 position properties (5)

**absolute

A
  • elements measured in relation to its containing elements

- parent element must have a position (not be static )

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

5 position properties (5)

**fixed

A
  • element is fixed in relation to the viewport
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

the natural stacking or HTML from top is

A
  1. position (default highest z-index)
  2. inline
  3. float
  4. block (lowest)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

2 philosophical approaches for desktop/mobile design (2)

A
  1. graceful degradation

2. progressive enhancement

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

graceful degradation (4)

A
  1. design for modern browsers
  2. provide fallback for unsupported features
  3. ensure basic functionality works for older browsers
  4. desktop first
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

progressive enhancement

A
  1. focus on content and accessibility
  2. create base level experience
  3. add advance features for enhancements
  4. mobile first
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

media types (4)

A
  1. print
  2. speech
  3. screen
  4. all
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

media types (4)

**print

A

matches to printer and other print related displays

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

media types (4)

**speech

A
  • matches screen readers
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

media types (4)

**screen

A

matches all devices that are not print or speech

17
Q

media types (4)

**all

A

matches all devices