1.0 CSS Basics Flashcards

1
Q

In prior versions of HTML, you’d have to make hundreds of manual changes to website code.

A

Why is CSS even relevant to modern website design?

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

White pages with black text

A

What would the websites look like without CSS?

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

Check credible sources for updates

A

How do you stay current on HTML changes?

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

MDN: Mozilla Developer NetworkW3C: World Wide Web Consortium: sets worldwide standardsCanIUse.com: up to date browser support resource

A

What are 3 places you can check for current code standards?

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

Yes, it can be applied inline with HTML, inside an HTML document.

A

Can CSS be applied inline?

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

Yes, you can apply HTML internally inside an HTML document.

A

Can CSS be applied internally in an HTML document?

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

Yes, you can link to an external CSS document in the head tag of an HTML document.

A

Can CSS be external?

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

Yes, inline is higher in the hierarchy. Inline CSS overrides external CSS.

A

Can inline styling override external CSS?

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

.css

A

What is the distinct file format for all CSS files?

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

A selector styles a specified chunk of code.

A

What does a selector do?

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

Class Selector ID Selector Element Type Selector Universal Selector

A

What are the main types of selectors?

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

You choose the element name Element Examples: p,h1, h2, h3, .. h6,body,img,div

A

How do you select by HTML element tag?

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

No Elements can be selected without symbols before them.

A

Do element types need to be prepended with any symbols?

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

A class selector styles a section of code based on its class classification within the HTML document.

A

What is a class selector?

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

Yes . is used before class name

A

Do class selectors need to be prepended with a symbol to be

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

An ID selector lets you specify a unique section of code to style.

A

Whats an ID CSS selector?

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

symbol

A

What symbol is prepended to ID selectors?

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

ID Selectors are unique to 1 item. Class selectors can style multiple items.

A

When would you use ID selector vs Class selector?

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

*

A

What is a universal selector?

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

When a styling section applies to ALL HTML elements.

A

Why would you use a universal selector?

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

It’s a color specification system that uses a # followed by a combination of letters and numbers to define a precise color.

A

What is hexadecimal color?

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

It’s the styling category within CSS.

A

What is the CSS property?

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

font-size font-weight line-height color

A

What are 3 examples of CSS properties relating to font styli

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

The value is the quantity, color, or type.

A

What is the role of the value in CSS anatomy?

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

In the head tag, you specify the link to the external stylesheet.

A

How do you link an external stylesheet to an HTML document?

26
Q

It’s the styles set forth automatically based on the browser.

A

What is the user stylesheet?

27
Q

This is the CSS defined by the company/developer.

A

What is the author stylesheet?

28
Q

User stylesheets are style preferences that the end-userestablishes for how they wish to view websites.

A

What is the user stylesheet?

29
Q

user agent declarations user normal declarations author normal declarations author important declarations user important declarations

A

What is the inherent hierarchy between the user-agent, autho

30
Q

Cascading Stylesheets

A

What is the meaning of C.S.S.?

31
Q

Style sheets from these three origins will overlap in scope, and they interact according to the cascade.

A

Why is CSS cascading?

32
Q

Why is CSS even relevant to modern website design?

A

In prior versions of HTML, you’d have to make hundreds of manual changes to website code.

33
Q

What would the websites look like without CSS?

A

White pages with black text

34
Q

How do you stay current on HTML changes?

A

Check credible sources for updates

35
Q

What are 3 places you can check for current code standards?

A

MDN: Mozilla Developer NetworkW3C: World Wide Web Consortium: sets worldwide standardsCanIUse.com: up to date browser support resource

36
Q

Can CSS be applied inline?

A

Yes, it can be applied inline with HTML, inside an HTML document.

37
Q

Can CSS be applied internally in an HTML document?

A

Yes, you can apply HTML internally inside an HTML document.

38
Q

Can CSS be external?

A

Yes, you can link to an external CSS document in the head tag of an HTML document.

39
Q

Can inline styling override external CSS?

A

Yes, inline is higher in the hierarchy. Inline CSS overrides external CSS.

40
Q

What is the distinct file format for all CSS files?

A

.css

41
Q

What does a selector do?

A

A selector styles a specified chunk of code.

42
Q

What are the main types of selectors?

A

Class Selector ID Selector Element Type Selector Universal Selector

43
Q

How do you select by HTML element tag?

A

You choose the element name Element Examples: p,h1, h2, h3, .. h6,body,img,div

44
Q

Do element types need to be prepended with any symbols?

A

No Elements can be selected without symbols before them.

45
Q

What is a class selector?

A

A class selector styles a section of code based on its class classification within the HTML document.

46
Q

Do class selectors need to be prepended with a symbol to be

A

Yes . is used before class name

47
Q

Whats an ID CSS selector?

A

An ID selector lets you specify a unique section of code to style.

48
Q

What symbol is prepended to ID selectors?

A

symbol

49
Q

When would you use ID selector vs Class selector?

A

ID Selectors are unique to 1 item. Class selectors can style multiple items.

50
Q

What is a universal selector?

A

*

51
Q

Why would you use a universal selector?

A

When a styling section applies to ALL HTML elements.

52
Q

What is hexadecimal color?

A

It’s a color specification system that uses a # followed by a combination of letters and numbers to define a precise color.

53
Q

What is the CSS property?

A

It’s the styling category within CSS.

54
Q

What are 3 examples of CSS properties relating to font styli

A

font-size font-weight line-height color

55
Q

What is the role of the value in CSS anatomy?

A

The value is the quantity, color, or type.

56
Q

How do you link an external stylesheet to an HTML document?

A

In the head tag, you specify the link to the external stylesheet.

57
Q

What is the user stylesheet?

A

It’s the styles set forth automatically based on the browser.

58
Q

What is the author stylesheet?

A

This is the CSS defined by the company/developer.

59
Q

What is the user stylesheet?

A

User stylesheets are style preferences that the end-userestablishes for how they wish to view websites.

60
Q

What is the inherent hierarchy between the user-agent, autho

A

user agent declarations user normal declarations author normal declarations author important declarations user important declarations

61
Q

What is the meaning of C.S.S.?

A

Cascading Stylesheets

62
Q

Why is CSS cascading?

A

Style sheets from these three origins will overlap in scope, and they interact according to the cascade.