WGU C777 OBJECTIVE ASSESSMENT 2025-2026
vf vf vf vf
PRACTICE TEST BANK WITH 350 QUESTIONS AND CO vf vf vf vf vf vf vf
RRECT VERIFIED ANSWERS/ C777 OA WEB DEVELOP vf vf vf vf vf vf
MENT APPLICATIONS (MOST RECENT!) vf vf vf
Why can new features be added to the CSS3 specification more quickly than in previous versions to
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
enhance its support of borders, backgrounds, colors, text effects and so forth?
vf vf vf vf vf vf vf vf vf vf vf
A) Because CSS3 is the preferred way to format Web pages created using HTML5
vf vf vf vf vf vf vf vf vf vf vf vf
B) Because CSS3 provides a modularized standard
vf vf vf vf vf
C) Because all browsers are HTML5-compliant
vf vf vf vf
D) Because CSS3 is compatible with both HTML 4.01 and XHTML 1.0 - CORRECT ANSWER-
vf vf vf vf vf vf vf vf vf vf vf vf vf
Because CSS3 provides a modularized standard
vf vf vf vf vf
How can you specify to include two or more different images in the background of your Web page?
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
A) Specify to repeat an image using the background-repeat property.
vf vf vf vf vf vf vf vf
B) Use the opacity property as many times as necessary, one for each distinct image.
vf vf vf vf vf vf vf vf vf vf vf vf vf
C) Specify two or more images in a single declaration using the background-image property.
vf vf vf vf vf vf vf vf vf vf vf vf
D) Include two or more consecutive background-image properties within the same tag. -
vf vf vf vf vf vf vf vf vf vf vf
CORRECT ANSWER-Specify two or more images in a single declaration using the background-
vf vf vf vf vf vf vf vf vf vf vf vf vf
image property. vf
The animation-direction property of the @keyframes rule specifies:
vf vf vf vf vf vf vf
A) when the animation will begin.
vf vf vf vf
B) whether the animation is running or paused.
vf vf vf vf vf vf
C) the number of times that the animation will play.
vf vf vf vf vf vf vf vf
D) whether to play the animation in reverse on alternate cycles. - CORRECT ANSWER-
vf vf vf vf vf vf vf vf vf vf vf vf
whether to play the animation in reverse on alternate cycles.
vf vf vf vf vf vf vf vf vf
What is needed to provide coordinates in three-
vf vf vf vf vf vf vf
dimensional space to create a plane to help orient a 3D object?
vf vf vf vf vf vf vf vf vf vf vf
A) The Y-axis vf
B) The X-axis vf
,C) The Z-axis vf
D) The perspective(n)-axis - CORRECT ANSWER-The Z-axis
vf vf vf vf vf
Why would you use the CSS3 opacity property when you overlap images or other elements in your
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
Web page? vf
A) To make the foreground element partially transparent so elements in the background will b
vf vf vf vf vf vf vf vf vf vf vf vf vf
e visible
vf
B) To make the background elements partially transparent so elements in the foreground will sho
vf vf vf vf vf vf vf vf vf vf vf vf vf
w through them
vf vf
C) To specify the stack order of the images or elements that overlap
vf vf vf vf vf vf vf vf vf vf vf
D) To specify whether an element can be resized by the user and how it can be resized -
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
CORRECT ANSWER-
vf vf
To make the foreground element partially transparent so elements in the background will be visibl
vf vf vf vf vf vf vf vf vf vf vf vf vf vf
e
What CSS3 2D transform method combines all of the 2D transform methods into one, which enables
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
an element to rotate, scale, move (translate) and skew?
vf vf vf vf vf vf vf vf vf
A) Skew(x-angle,y-angle)
B) Matrix(n,n,n,n,n,n)
C) Scale(x,y)
D) Translate(x,y) - CORRECT ANSWER-Matrix(n,n,n,n,n,n) vf vf vf
Which animation property should you use to specify whether an animation is running or paused?
vf vf vf vf vf vf vf vf vf vf vf vf vf vf
A) The animation-play-state property
vf vf
B) The animation-timing-function property
vf vf
C) The animation-delay property
vf vf
D) The animation-direction property - CORRECT ANSWER-The animation-play-state property
vf vf vf vf vf vf vf
Why would you use the CSS3 transform properties in a Web document?
vf vf vf vf vf vf vf vf vf vf vf
A) To change the shape, size and/or position of an element
vf vf vf vf vf vf vf vf vf
B) To change an element from one style to another when a user hovers his or her mouse point
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
er over the element
vf vf vf
C) To automatically cause an element to change from one set of styles to another when a user ope
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
ns your Web page
vf vf vf
,D) To allow a user to effectively control and operate your Web page - CORRECT ANSWER-
vf vf vf vf vf vf vf vf vf vf vf vf vf vf
To change the shape, size and/or position of an element
vf vf vf vf vf vf vf vf vf
When you use the CSS3 opacity property, how do you specify the level of transparency to apply?
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
A) You specify a value between #FFFFFF and #000000.
vf vf vf vf vf vf vf
B) You specify a value between 1.0 and 100.0.
vf vf vf vf vf vf vf
C) You specify a value between 0.0 and 1.0.
vf vf vf vf vf vf vf
D) You specify a value between A and Z. - CORRECT ANSWER-
vf vf vf vf vf vf vf vf vf vf
You specify a value between 0.0 and 1.0.
vf vf vf vf vf vf vf
Which animation property should you use to specify the number of times that an animation will pl
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
ay?
A) The animation-iteration-count property
vf vf
B) The animation-duration property
vf vf
C) The animation-timing-function property
vf vf
D) The animation-play-state property - CORRECT ANSWER-The animation-iteration-count property
vf vf vf vf vf vf vf
What happens when you assign a negative z-index value to an element?
vf vf vf vf vf vf vf vf vf vf vf
A) The element will display in front of other elements.
vf vf vf vf vf vf vf vf
B) The element will not render in your browser.
vf vf vf vf vf vf vf
C) The element will automatically be assigned an opacity value of 0.0.
vf vf vf vf vf vf vf vf vf vf
D) The element will display behind other elements. - CORRECT ANSWER-
vf vf vf vf vf vf vf vf vf
The element will display behind other elements.
vf vf vf vf vf vf
Which statement is true regarding CSS3 animations?
vf vf vf vf vf vf
A) They must run in conjunction with Microsoft Silverlight in order to render on Internet Explore
vf vf vf vf vf vf vf vf vf vf vf vf vf vf
r browsers.
vf
B) They were designed to replace basic animations that previously required third-
vf vf vf vf vf vf vf vf vf vf
party, proprietary plug-ins or the use of JavaScript.
vf vf vf vf vf vf vf
C) They were designed to replace basic animations that previously required third-
vf vf vf vf vf vf vf vf vf vf
party, proprietary plug-ins because they are written exclusively in JavaScript.
vf vf vf vf vf vf vf vf vf
D) They must run in conjunction with Apple QuickTime in order to render on Safari browsers. -
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
CORRECT ANSWER-
vf vf
They were designed to replace basic animations that previously required third-
vf vf vf vf vf vf vf vf vf vf
party, proprietary plug-ins or the use of JavaScript.
vf vf vf vf vf vf vf vf
, Which CSS3 technique can you use to place an HTML element on top of another HTML element?
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
A) Overflow
B) Overlay
C) Box-sizing
D) Formation - CORRECT ANSWER-Overlay vf vf vf
What is the term for a CSS3 effect that allows elements to rotate, move, flip and stretch?
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
A) Animate
B) Transition
C) Transform
D) Overlay - CORRECT ANSWER-Transform vf vf vf
How can you define the position of an animation using the @keyframes rule?
vf vf vf vf vf vf vf vf vf vf vf vf
A) By specifying the pixel position of the top-left and bottom-
vf vf vf vf vf vf vf vf vf
right corners, or by using the keywords "begin" and "end"
vf vf vf vf vf vf vf vf vf
B) By specifying the pixel position of the top-left and bottom-
vf vf vf vf vf vf vf vf vf
right corners, or by using the keywords "to" and "from"
vf vf vf vf vf vf vf vf vf
C) By specifying a percentage from 0% to 100%, or by using the keywords "begin" and "end"
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
D) By specifying a percentage from 0% to 100%, or by using the keywords "to" and "from" -
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
CORRECT ANSWER-
vf vf
By specifying a percentage from 0% to 100%, or by using the keywords "to" and "from"
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
What CSS3 2D and 3D transform method would you use to increase or decrease the size of an elem
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
ent?
A) Scale
B) Skew
C) Matrix
D) Translate - CORRECT ANSWER-Scale vf vf vf
Which animation property should you use to specify how long an animation will take to complete
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
one cycle?vf
A) The animation-play-state property
vf vf
B) The animation-delay property
vf vf
vf vf vf vf
PRACTICE TEST BANK WITH 350 QUESTIONS AND CO vf vf vf vf vf vf vf
RRECT VERIFIED ANSWERS/ C777 OA WEB DEVELOP vf vf vf vf vf vf
MENT APPLICATIONS (MOST RECENT!) vf vf vf
Why can new features be added to the CSS3 specification more quickly than in previous versions to
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
enhance its support of borders, backgrounds, colors, text effects and so forth?
vf vf vf vf vf vf vf vf vf vf vf
A) Because CSS3 is the preferred way to format Web pages created using HTML5
vf vf vf vf vf vf vf vf vf vf vf vf
B) Because CSS3 provides a modularized standard
vf vf vf vf vf
C) Because all browsers are HTML5-compliant
vf vf vf vf
D) Because CSS3 is compatible with both HTML 4.01 and XHTML 1.0 - CORRECT ANSWER-
vf vf vf vf vf vf vf vf vf vf vf vf vf
Because CSS3 provides a modularized standard
vf vf vf vf vf
How can you specify to include two or more different images in the background of your Web page?
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
A) Specify to repeat an image using the background-repeat property.
vf vf vf vf vf vf vf vf
B) Use the opacity property as many times as necessary, one for each distinct image.
vf vf vf vf vf vf vf vf vf vf vf vf vf
C) Specify two or more images in a single declaration using the background-image property.
vf vf vf vf vf vf vf vf vf vf vf vf
D) Include two or more consecutive background-image properties within the same tag. -
vf vf vf vf vf vf vf vf vf vf vf
CORRECT ANSWER-Specify two or more images in a single declaration using the background-
vf vf vf vf vf vf vf vf vf vf vf vf vf
image property. vf
The animation-direction property of the @keyframes rule specifies:
vf vf vf vf vf vf vf
A) when the animation will begin.
vf vf vf vf
B) whether the animation is running or paused.
vf vf vf vf vf vf
C) the number of times that the animation will play.
vf vf vf vf vf vf vf vf
D) whether to play the animation in reverse on alternate cycles. - CORRECT ANSWER-
vf vf vf vf vf vf vf vf vf vf vf vf
whether to play the animation in reverse on alternate cycles.
vf vf vf vf vf vf vf vf vf
What is needed to provide coordinates in three-
vf vf vf vf vf vf vf
dimensional space to create a plane to help orient a 3D object?
vf vf vf vf vf vf vf vf vf vf vf
A) The Y-axis vf
B) The X-axis vf
,C) The Z-axis vf
D) The perspective(n)-axis - CORRECT ANSWER-The Z-axis
vf vf vf vf vf
Why would you use the CSS3 opacity property when you overlap images or other elements in your
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
Web page? vf
A) To make the foreground element partially transparent so elements in the background will b
vf vf vf vf vf vf vf vf vf vf vf vf vf
e visible
vf
B) To make the background elements partially transparent so elements in the foreground will sho
vf vf vf vf vf vf vf vf vf vf vf vf vf
w through them
vf vf
C) To specify the stack order of the images or elements that overlap
vf vf vf vf vf vf vf vf vf vf vf
D) To specify whether an element can be resized by the user and how it can be resized -
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
CORRECT ANSWER-
vf vf
To make the foreground element partially transparent so elements in the background will be visibl
vf vf vf vf vf vf vf vf vf vf vf vf vf vf
e
What CSS3 2D transform method combines all of the 2D transform methods into one, which enables
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
an element to rotate, scale, move (translate) and skew?
vf vf vf vf vf vf vf vf vf
A) Skew(x-angle,y-angle)
B) Matrix(n,n,n,n,n,n)
C) Scale(x,y)
D) Translate(x,y) - CORRECT ANSWER-Matrix(n,n,n,n,n,n) vf vf vf
Which animation property should you use to specify whether an animation is running or paused?
vf vf vf vf vf vf vf vf vf vf vf vf vf vf
A) The animation-play-state property
vf vf
B) The animation-timing-function property
vf vf
C) The animation-delay property
vf vf
D) The animation-direction property - CORRECT ANSWER-The animation-play-state property
vf vf vf vf vf vf vf
Why would you use the CSS3 transform properties in a Web document?
vf vf vf vf vf vf vf vf vf vf vf
A) To change the shape, size and/or position of an element
vf vf vf vf vf vf vf vf vf
B) To change an element from one style to another when a user hovers his or her mouse point
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
er over the element
vf vf vf
C) To automatically cause an element to change from one set of styles to another when a user ope
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
ns your Web page
vf vf vf
,D) To allow a user to effectively control and operate your Web page - CORRECT ANSWER-
vf vf vf vf vf vf vf vf vf vf vf vf vf vf
To change the shape, size and/or position of an element
vf vf vf vf vf vf vf vf vf
When you use the CSS3 opacity property, how do you specify the level of transparency to apply?
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
A) You specify a value between #FFFFFF and #000000.
vf vf vf vf vf vf vf
B) You specify a value between 1.0 and 100.0.
vf vf vf vf vf vf vf
C) You specify a value between 0.0 and 1.0.
vf vf vf vf vf vf vf
D) You specify a value between A and Z. - CORRECT ANSWER-
vf vf vf vf vf vf vf vf vf vf
You specify a value between 0.0 and 1.0.
vf vf vf vf vf vf vf
Which animation property should you use to specify the number of times that an animation will pl
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
ay?
A) The animation-iteration-count property
vf vf
B) The animation-duration property
vf vf
C) The animation-timing-function property
vf vf
D) The animation-play-state property - CORRECT ANSWER-The animation-iteration-count property
vf vf vf vf vf vf vf
What happens when you assign a negative z-index value to an element?
vf vf vf vf vf vf vf vf vf vf vf
A) The element will display in front of other elements.
vf vf vf vf vf vf vf vf
B) The element will not render in your browser.
vf vf vf vf vf vf vf
C) The element will automatically be assigned an opacity value of 0.0.
vf vf vf vf vf vf vf vf vf vf
D) The element will display behind other elements. - CORRECT ANSWER-
vf vf vf vf vf vf vf vf vf
The element will display behind other elements.
vf vf vf vf vf vf
Which statement is true regarding CSS3 animations?
vf vf vf vf vf vf
A) They must run in conjunction with Microsoft Silverlight in order to render on Internet Explore
vf vf vf vf vf vf vf vf vf vf vf vf vf vf
r browsers.
vf
B) They were designed to replace basic animations that previously required third-
vf vf vf vf vf vf vf vf vf vf
party, proprietary plug-ins or the use of JavaScript.
vf vf vf vf vf vf vf
C) They were designed to replace basic animations that previously required third-
vf vf vf vf vf vf vf vf vf vf
party, proprietary plug-ins because they are written exclusively in JavaScript.
vf vf vf vf vf vf vf vf vf
D) They must run in conjunction with Apple QuickTime in order to render on Safari browsers. -
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
CORRECT ANSWER-
vf vf
They were designed to replace basic animations that previously required third-
vf vf vf vf vf vf vf vf vf vf
party, proprietary plug-ins or the use of JavaScript.
vf vf vf vf vf vf vf vf
, Which CSS3 technique can you use to place an HTML element on top of another HTML element?
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
A) Overflow
B) Overlay
C) Box-sizing
D) Formation - CORRECT ANSWER-Overlay vf vf vf
What is the term for a CSS3 effect that allows elements to rotate, move, flip and stretch?
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
A) Animate
B) Transition
C) Transform
D) Overlay - CORRECT ANSWER-Transform vf vf vf
How can you define the position of an animation using the @keyframes rule?
vf vf vf vf vf vf vf vf vf vf vf vf
A) By specifying the pixel position of the top-left and bottom-
vf vf vf vf vf vf vf vf vf
right corners, or by using the keywords "begin" and "end"
vf vf vf vf vf vf vf vf vf
B) By specifying the pixel position of the top-left and bottom-
vf vf vf vf vf vf vf vf vf
right corners, or by using the keywords "to" and "from"
vf vf vf vf vf vf vf vf vf
C) By specifying a percentage from 0% to 100%, or by using the keywords "begin" and "end"
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
D) By specifying a percentage from 0% to 100%, or by using the keywords "to" and "from" -
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
CORRECT ANSWER-
vf vf
By specifying a percentage from 0% to 100%, or by using the keywords "to" and "from"
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
What CSS3 2D and 3D transform method would you use to increase or decrease the size of an elem
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
ent?
A) Scale
B) Skew
C) Matrix
D) Translate - CORRECT ANSWER-Scale vf vf vf
Which animation property should you use to specify how long an animation will take to complete
vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf vf
one cycle?vf
A) The animation-play-state property
vf vf
B) The animation-delay property
vf vf