CSS Flashcards

1
Q

Which selector targets every instance of a specified HTML element whose specified attribute ends with the specified value?

A

element[attribute$=value],

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

Which selector targets every instance of a specified HTML element whose specified attribute contains the specified substring value?

A

element[attribute*=value]

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

Which selector targets every instance of a specified HTML element whose specified attribute begins with the specified value?

A

element[attribute^=value]

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

Which selector targets every checked instance of a specified HTML element?

A

element:checked

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

Which selector targets every disabled instance of a specified HTML element?

A

element:disabled

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

Which selector targets every enabled instance of a specified HTML element?

A

element:enabled

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

Which selector targets every instance of a specified HTML element that is the first of its parent?

A

element:first-of-type

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

Which selector targets every instance of a specified HTML element that is the last of its parent?

A

element:last-of-type

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

Which selector targets every instance of element2 that is preceded by an instance of element1?

A

element1~element2

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

Which property allows you to set different background properties in one declaration?

A

background

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

Which property specifies whether the background extends into the border or not?

A

background-clip

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

Which property positions the background-image relative to an element’s border, padding or content?

A

background-origin

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

Which property defines the size of background images?

A

background-size

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

Which property creates a border that uses an image instead of a line?

A

border-image

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

Which property defines the shape or curve of a border around an HTML element?

A

border-radius

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

Which property applies shadows to edges of HTML elements to create visual depth?

A

box-shadow

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

Which two values are required to create a box-shadow?

A

h-shadow and v-shadow

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

Which property specifies transparency for an HTML element?

A

opacity

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

Which property defines whether an HTML element can be resized by the user and how it can be resized?

A

resize

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

Which property cuts off, or clips, text that extends beyond its container?

A

text-overflow

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

Which property applies shadows to edges of text characters to create visual depth?

A

text-shadow

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

Which rule allows developers to specify custom fonts?

A

@font-face

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

Which two properties are required to specify a custom font?

A

font-family: Specifies the font name.
src: Identifies the font file’s location by URL.

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

Which property specifies how the font should be stretched or spaced?

A

font-stretch

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

Which property specifies how the font should be styled vertical or slanted?

A

font-style

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

Which property specifies the weight or thickness of each character in the font?

A

font-weight

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

Which property specifies the range of UNICODE characters that should be downloaded for the font, based on availability?

A

unicode-range

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

Which property specifies whether (and how) punctuation characters can appear outside the line box at the beginning or end of a full line of text?

A

hanging-punctuation

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

Which property specifies whether (and how) punctuation characters can be trimmed or sized when they appear at the beginning or end of a line?

A

punctuation-trim

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

Which property specifies a justification style for the last line in a text block whose text-align property is set to “justify”?

A

text-align-last

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

Which property applies emphasis style and color to an HTML element’s text in a single declaration?

A

text-emphasis

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

Which property specifies a justification style for text whose text-align property is set to “justify”?

A

text-justify

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

Which property specifies whether lines of text in a text area can break, and where a line can be broken. This property is no longer supported?

A

break-wrap

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

Which property specifies whether lines of text in a text area can break, and where a line can be broken?

A

word-break

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

Which property specifies that long words in a text area may be broken without a hyphen and wrap to the next line?

A

word-wrap

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

Which property applies a 2D or 3D transformation to an HTML element, including rotating, moving, skewing, scaling and so forth?

A

transform

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

Which property allows you to change a transformed HTML element’s position?

A

transform-origin

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

Which property specifies whether child elements will retain the parent element’s position in 3D space?

A

transform-style

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

Which transform value specifies the bottom position of a 3D element?

A

perspective-origin

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

Which transform value defines whether or not an element is visible when it is rotated to face away from the viewer?

A

backface-visibility

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

Which transform value rotates the HTML element clockwise at the specified degree?

A

transform: rotate(angle);

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

Which transform value increases or decreases the size of the HTML element, based on specified parameters for width and height?

A

transform: scale(x,y);

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

Which transform value changes the HTML element’s width?

A

transform: scaleX(n);

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

Which transform value changes the HTML element’s height?

A

transform: scaleY(n);

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

Which transform value combines all of the 2D transform methods into one?

A

transform: matrix(n,n,n,n,n,n);

46
Q

Which transform value moves the HTML element from its current position, based on the specified parameters for the left and top position?

A

transform: translate(x,y);

47
Q

Which transform value moves the HTML element horizontally?

A

transform: translateX(n);

48
Q

Which transform value moves the HTML element vertically?

A

transform: translateY(n);

49
Q

Which transform value turns or skews the HTML element to a specified angle, based on the specified parameters for the horizontal and vertical lines?

A

transform: skew(x-angle ,y-angle);

50
Q

Which transform value turns or skews the HTML element to a specified angle along its X-axis?

A

transform: skewX(angle);

51
Q

Which transform value turns or skews the HTML element to a specified angle along its Y-axis?

A

transform: skewY(angle);

52
Q

Which transform value rotates the HTML element around its X-axis at the specified degree?

A

transform: rotateX(angle);

53
Q

Which transform value rotates the HTML element around its Y-axis at the specified degree?

A

transform: rotateY(angle);

54
Q

Which transform value rotates the HTML element around its Z-axis at the specified degree?

A

transform: rotateZ(angle);

55
Q

Which transform value defines a 3D rotation by specifying the degree for rotation for all axes?

A

transform: rotate3d(x, y, z, and angle);

56
Q

Which transform value increases or decreases the size of the HTML element, based on specified parameters for width, height and depth?

A

transform: scale3d(x, y, z);

57
Q

Which transform value defines a 3D scale transformation by specifying a value for the X-axis?

A

transform: scaleX(x);

58
Q

Which transform value defines a 3D scale transformation by specifying a value for the Y-axis?

A

transform: scaleY(y);

59
Q

Which transform value defines a 3D scale transformation by specifying a value for the Z-axis?

A

transform: scaleZ(z);

60
Q

Which transform value defines a 3D translation using specified parameters for positions on the X-axis, Y-axis and Z-axis?

A

transform: translate3d(x, y, z);

61
Q

Which transform value defines a 3D translation using only the value for the X-axis?

A

transform: translateX(x);

62
Q

Which transform value defines a 3D translation using only the value for the Y-axis?

A

transform: translateY(y);

63
Q

Which transform value defines a 3D translation using only the value for the Z-axis?

A

transform: translateZ(z);

64
Q

Which transform value defines a 3D transformation using a 4x4 matrix of 16 values?

A

transform: matrix3d(n.n.n.n.n.n.n.n.n.n.n.n.n.n.n.n);

65
Q

Which transform value defines a perspective view for a 3D transformed element?

A
66
Q

Which property specifics the four transition properties into a single property?

A
67
Q

If you do not specify the duration for a CSS transition, what happens?

A
68
Q

Which property specifies the CSS property that the transition will affect?

A
69
Q

Which property defines the amount of time that a transition takes?

A
70
Q

Which property describes the speed of a transition?

A
71
Q

Which property defines when the transition will begin?

A
72
Q

Which rule defines the animation?

A
73
Q

How can you define the position of an animation using the @keyframes rule?

A
74
Q

How can you define the position of an animation using the @keyframes rule?

A
75
Q

Which property combines all the animation properties, except animation-play-state?

A
76
Q

Which property specifies the identifier for the @keyframes animation that binds it to a selector?

A
77
Q

Which property specifies how long the animation will take to complete one cycle?

A
78
Q

Which property specifies how an animation progresses over one cycle?

A
79
Q

Which property specifies when the animation will begin?

A
80
Q

Which property specifies the number of times that the animation will play?

A
81
Q

Which property specifies whether to play the animation in reverse on alternate cycles?

A
82
Q

Which property specifies whether the animation is running or paused?

A
83
Q

Which property makes an HTML element look like a standard user interface element, such as a button or window?

A
84
Q

Which property forces specified HTML elements fit an area in a certain way?

A
85
Q

Which property styles an HTML element with an iconic equivalent?

A
86
Q

Which property specifies where the cursor will navigate to when the user presses the arrow-down key?

A
87
Q

Which property specifies the tabbing order for an HTML element?

A
88
Q

Which property specifies where the cursor will navigate to when the user presses the arrow-left key?

A
89
Q

Which property specifies where the cursor will navigate to when the user presses the arrow-right key?

A
90
Q

Which property specifies where the cursor will navigate to when the user presses the arrow-up key?

A
91
Q

Which property draws an outline beyond the border edge as specified?

A
92
Q

What happens when you assign a negative z-index value to an element?

A
93
Q

Which property specifies the stack order of an HTML element?

A
94
Q

What consists of a property and a value?

A
95
Q

What is used to “find” the HTML elements you want to style with CSS?

A
96
Q

What is a format instruction that consists of a specified selector and the properties and values applied to it?

A
97
Q

What is an attribute that can be customized to change the way the element renders in the browser?

A
98
Q

Which selector targets all elements with a specific HTML class attribute assigned?

A
98
Q

What is a specific selection for a property?

A
99
Q

Which selector targets one HTML element with a specific id attribute assigned?

A
100
Q

How do you create an ID selector?

A
101
Q

How do you create a tag selector?

A
102
Q
A
103
Q
A
104
Q
A
105
Q
A
106
Q
A
107
Q
A
108
Q
A
109
Q
A
110
Q
A
111
Q
A