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