HTML Flashcards

1
Q

What does CSS stand for?

A

Cascading Style Sheets

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

What is the order of precedence for CSS (first to last)?

A

1-Inline
2-Document Level
3-External

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

Write on a piece of paper

How do we declare an external style sheet?

A

<link></link>

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

How to group selectors?

A

With commas

h1, h2, h3 {…}

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

How to access all similar elements in same class?

A

h1.className{…}

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

How to access elements within an id?

A

id element

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

What is the syntax for a descendant selector?

A

div p{…}

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

What is the syntax for a child selector?

A

div>p{…}

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

What is the difference between a descendant selector and a child selector?

A

While a child selector only stops at the first degree of nesting, the descendant selector selects all corresponding elements, no matter how deep they are nested.

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

What is the syntax for an adjacent sibling selector? What does it do?

A

div + p {…}
Selects the p that comes right after the div

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

What is the syntax for general sibling selector? What does it do?

A

div ~ p {…}
Selects all p that come after div, only if they have the same parent

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

What is the order of precedence for selectors (first to last)?

What about s case where the rules have the same weight? Which precedes?

A

id > class/pseudo class>simple selector>universal>default

If both selectors have the same weight, last one specified wins

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

In writing

List the link pseudo classes

A

a:link
a:hover
a:active
a:visited

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

What is the property to change the text size?

A

font-size

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

What is the property to change the boldness of the text?

A

font-weight

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

What is the property to change the style of the text?

A

font-style

17
Q

What is the font shorthand?

A

style weight size family

18
Q

What is the property to change the text font?

A

font-family

19
Q

What is the property to modify the bullets in a list?

list a few

A

list-style-type : square, disc, none

20
Q

In writing

How to use an image as the bullet in a list?

A

list-style-type: url(“image.jpg”)

21
Q

List some of the list-style-type for ordered lists

A

Decimal, upper-roman, lower-roman, upper-alpha, lower-alpha