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
In the head tag, you specify the link to the external stylesheet.
How do you link an external stylesheet to an HTML document?
26
It's the styles set forth automatically based on the browser.
What is the user stylesheet?
27
This is the CSS defined by the company/developer.
What is the author stylesheet?
28
User stylesheets are style preferences that the end-userestablishes for how they wish to view websites.
What is the user stylesheet?
29
user agent declarations user normal declarations author normal declarations author important declarations user important declarations
What is the inherent hierarchy between the user-agent, autho
30
Cascading Stylesheets
What is the meaning of C.S.S.?
31
Style sheets from these three origins will overlap in scope, and they interact according to the cascade.
Why is CSS cascading?
32
Why is CSS even relevant to modern website design?
In prior versions of HTML, you'd have to make hundreds of manual changes to website code.
33
What would the websites look like without CSS?
White pages with black text
34
How do you stay current on HTML changes?
Check credible sources for updates
35
What are 3 places you can check for current code standards?
MDN: Mozilla Developer NetworkW3C: World Wide Web Consortium: sets worldwide standardsCanIUse.com: up to date browser support resource
36
Can CSS be applied inline?
Yes, it can be applied inline with HTML, inside an HTML document.
37
Can CSS be applied internally in an HTML document?
Yes, you can apply HTML internally inside an HTML document.
38
Can CSS be external?
Yes, you can link to an external CSS document in the head tag of an HTML document.
39
Can inline styling override external CSS?
Yes, inline is higher in the hierarchy. Inline CSS overrides external CSS.
40
What is the distinct file format for all CSS files?
.css
41
What does a selector do?
A selector styles a specified chunk of code.
42
What are the main types of selectors?
Class Selector ID Selector Element Type Selector Universal Selector
43
How do you select by HTML element tag?
You choose the element name Element Examples: p,h1, h2, h3, .. h6,body,img,div
44
Do element types need to be prepended with any symbols?
No Elements can be selected without symbols before them.
45
What is a class selector?
A class selector styles a section of code based on its class classification within the HTML document.
46
Do class selectors need to be prepended with a symbol to be
Yes . is used before class name
47
Whats an ID CSS selector?
An ID selector lets you specify a unique section of code to style.
48
What symbol is prepended to ID selectors?
symbol
49
When would you use ID selector vs Class selector?
ID Selectors are unique to 1 item. Class selectors can style multiple items.
50
What is a universal selector?
\*
51
Why would you use a universal selector?
When a styling section applies to ALL HTML elements.
52
What is hexadecimal color?
It's a color specification system that uses a # followed by a combination of letters and numbers to define a precise color.
53
What is the CSS property?
It's the styling category within CSS.
54
What are 3 examples of CSS properties relating to font styli
font-size font-weight line-height color
55
What is the role of the value in CSS anatomy?
The value is the quantity, color, or type.
56
How do you link an external stylesheet to an HTML document?
In the head tag, you specify the link to the external stylesheet.
57
What is the user stylesheet?
It's the styles set forth automatically based on the browser.
58
What is the author stylesheet?
This is the CSS defined by the company/developer.
59
What is the user stylesheet?
User stylesheets are style preferences that the end-userestablishes for how they wish to view websites.
60
What is the inherent hierarchy between the user-agent, autho
user agent declarations user normal declarations author normal declarations author important declarations user important declarations
61
What is the meaning of C.S.S.?
Cascading Stylesheets
62
Why is CSS cascading?
Style sheets from these three origins will overlap in scope, and they interact according to the cascade.