CSS Flashcards

1
Q

What are the names of the individual pieces of a CSS rule?

A

Selector, declaration, declaration block, property, value

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

How are key/value pairs related to CSS?

A

They apply styling to HTML elements

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

Name three different types of values you can use to specify colors in CSS.

A

actual color name, RGB, HSL, HEX

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

What are three important considerations for choosing fonts?

A

color, font-family, sizing, readability, target market

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

What CSS properties make up the box model?

A

Padding, border, margin

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

Which CSS property pushes boxes away from each other?

A

Margin

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

Which CSS property pushes box content away from its border?

A

padding

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

Why must you have backup fonts assigned when selecting custom fonts?

A

To keep another font family to use for the website

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

What is source order?

A

Order of operation in the CSS document

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

What is inheritance?

A

When all child elements receive the same property as the parent

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

Why might CSS include this feature?

A

To write less code, efficiency

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

Is inheritance a good tool to use for styling? If so, on what occasions?

A

Yes it helps you simplify properties on multiple elements

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

What is the purpose of !important?

A

To override any styling that may have been previously applied

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

When is !important a good tool to use?

A

NEVER!!!

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

What is specificity?

A

browsers decide which CSS property values are the most relevant to an element and, therefore, will be applied

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

What is the order of selector strengths for CSS specificity (commonly referred to as the Specificity Hierarchy)?

A

ID, class, element type, wildcard selector

17
Q

What are CSS pseudo-classes useful for?

A

Styling events within html documents

18
Q

What does the transform property do?

A

Adjust the element visually on the page

19
Q

What is the difference between the :first-child pseudo selector and the :last-child pseudo selector?

A

first child

20
Q

What are 3 examples of what can be done with CSS transitions?

A

rotate, transform, skew

21
Q

Why might transitions be a helpful effect for styling?

A

visually appealing to users

22
Q

Are all properties able to be transitioned?

A

no