CSS Deck 3

Question 1

Opactity

Answer 1

Opactity:0;

The element will only be visually hidden, but its space will still be allocated

Users can still focus on the element through the keyboard and the element receives click elements

Allows to transition (to create a fading effect)

Question 2

Visibility

Answer 2

visibility:hidden;

The element will be visually hidden but space will still be allocated

Users cannot focus on the element of interacting with it. The element does not receive click events

Child elements can be made visible by changing their visbility

Question 3

Display

Answer 3

display:none;

Space itself will not be allocated for the element

It is similar to if the element were no present in the DOM iteself

Question 4

CSS Mistakes: Overly Specific Selectors

Answer 4

Affects readability, and gives yourself a hard time to debug

Question 5

CSS Mistakes: Using Color Names

Answer 5

Different browsers may have different values for color names

Question 6

CSS Mistakes: Not using shorthands

Answer 6

Simplifies code and limits repetition

Question 7

CSS Mistakes: Not Modularizing

Answer 7

Putting your styles across multiple files helps keep code organized and easier to debug

Question 8

CSS Mistakes: Repeating things

Answer 8

Try to keep that limited – especially if elements share styles

Question 9

CSS Mistakes: Not Optimizing

Answer 9

Always minify your stylesheet after development to reduce file size

Use any optimizer to remove any unused styles that bloat your stylesheet