Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

Web Development > CSS > Flashcards

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

text-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)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
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)

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

Which transform value moves the HTML element horizontally?

A

transform:translateX(n)

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

Which transform value moves the HTML element vertically?

A

transform:translateY(n)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
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)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
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,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

transform:perspective(n)

66
Q

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

A

transition

67
Q

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

A

No transition will occur

68
Q

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

A

transition-property

69
Q

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

A

transition-duration

70
Q

Which property describes the speed of a transition?

A

transition-timing-function

71
Q

Which property defines when the transition will begin?

A

transition-delay

72
Q

Which rule defines the animation?

A

@keyframes

73
Q

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

A

div {
animation: mymove 5s infinite;
}
@keyframes mymove {
0% {top: 0px;}
25% {top: 200px;}
}

74
Q

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

A

By specifying a percentage from 0% to 100%
or by using the keywords “to” and “from”

75
Q

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

A

animation

76
Q

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

A

animation-name

77
Q

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

A

animation-duration

78
Q

Which property specifies how an animation progresses over one cycle?

A

animation-timing-function

79
Q

Which property specifies when the animation will begin?

A

animation-delay

80
Q

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

A

animation-iteration-count

81
Q

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

A

animation-direction

82
Q

Which property specifies whether the animation is running or paused?

A

animation-play-state

83
Q

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

A

appearance

84
Q

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

A

box-sizing

85
Q

Which property styles an HTML element with an iconic equivalent?

A

icon

86
Q

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

A

nav-down

87
Q

Which property specifies the tabbing order for an HTML element?

A

nav-index

88
Q

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

A

nav-left

89
Q

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

A

nav-right

90
Q

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

A

nav-up

91
Q

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

A

outline-offset

92
Q

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

A

The element will display behind other elements.

93
Q

Which property specifies the stack order of an HTML element?

A

z-index

94
Q

What consists of a property and a value?

A

declaration

95
Q

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

A

rule

96
Q

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

A

selector

97
Q

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

A

property

98
Q

What is a specific selection for a property?

A

value

99
Q

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

A

class selector

100
Q

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

A

id selector

101
Q

How do you create an ID selector?

A

myElement {color:blue;}

102
Q

How do you create a tag selector?

A

div {color:blue;}

103
Q

How do you create a class selector?

A

.myElement {color:blue;}

104
Q

Which selector targets all HTML elements based on a certain state?

A

pseudo selector

105
Q

Which selector targets all HTML elements based on the element name?

A

tag selector

106
Q

What technique checks a client device, or media type, then limits the scope of the page design to a specific range?

A

media query

107
Q

What technique is used to place an HTML element on top of another HTML element?

A

overlay

108
Q

What is a text file that contains CSS formatting instructions?

A

External style sheet

109
Q

What are styles added to the <head> of individual an HTML document?

A

Embedded or Internal style sheet

110
Q

What is style added directly into the HTML element tag to which you want to apply the style?

A

Inline styles

111
Q

How do you create a comment in CSS?

A

/* A comment is added here */

112
Q

**Which element connects an external style sheet to an HTML document?

A

<link>

113
Q

Which property is used for positioning and formatting content to the text in a container?

A

float

114
Q

Which property specifies what elements can float beside the cleared element and on which side?

A

clear

115
Q

Which positioning scheme positions an element according to the normal flow of the page?

A

static

116
Q

Which positioning scheme positions an element in relationship to its normal position?

A

relative

117
Q

Which positioning scheme positions an element in relationship to the viewport, meaning it always stays in the same place even if the page is scrolled?

A

fixed

118
Q

Which positioning scheme positions an element in relationship to the nearest positioned ancestor?

A

absolute

119
Q

Which property defines the transparent area inside of the border?

A

padding

120
Q

Which property defines the transparent area outside of the border?

A

margin

121
Q

What model configures the space around each HTML element?

A

box model

122
Q

Which property specifies the vertical alignment of an element?

A

vertical-align

123
Q

What does this rule do?

h3~p {color: red;}

A

formats every <p> element that is preceded by an <h3> element as red text

124
Q

Which W3C technology is used to apply formatting instructions to markup language documents?

A

Cascading Style Sheets (CSS)

Web Development (6 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions