WGU C777 Objective Assessment 2025–2026 |
Practice Test Bank with Verified Questions &
Answers | C777 OA Web Development
Applications (Latest Update)
Section 1: CSS3 Fundamentals & Modularization
1. Why can new features be added to the CSS3 specification more quickly
than in previous versions to enhance its support of borders, backgrounds,
colors, text effects and so forth?
• A. Because CSS3 is the preferred way to format Web pages created using
HTML5
• B. Because CSS3 provides a modularized standard
• C. Because all browsers are HTML5-compliant
• D. Because CSS3 is compatible with both HTML 4.01 and XHTML 1.0
Correct Answer:-B. Because CSS3 provides a modularized standard
Rationale: CSS3 is divided into separate modules (e.g., Selectors, Box Model,
Backgrounds, Transforms). Each module can be updated independently, allowing
faster evolution and implementation without waiting for the entire specification to
be finalized.
2. Which statement is true regarding CSS3 animations?
• A. They must run in conjunction with Microsoft Silverlight in order to
render on Internet Explorer browsers
• B. They were designed to replace basic animations that previously required
third-party, proprietary plug-ins or the use of JavaScript
• C. They were designed to replace basic animations that previously
required third-party, proprietary plug-ins because they are written
exclusively in JavaScript *(Note: This option is intentionally incorrect in
, the original; the correct statement is that CSS3 animations replace plug-ins
without JavaScript. See correct answer below.)*
• D. They must run in conjunction with Apple QuickTime in order to render
on Safari browsers
Correct Answer:-B. They were designed to replace basic animations that
previously required third-party, proprietary plug-ins or the use of JavaScript
Rationale: CSS3 animations are native to browsers, eliminating the need for Flash,
Silverlight, or complex JavaScript libraries. They are defined purely in CSS, not
JavaScript.
3. What is the term for a CSS3 effect that allows elements to rotate, move, flip
and stretch?
• A. Animate
• B. Transition
• C. Transform
• D. Overlay
Correct Answer:-C. Transform
Rationale: CSS transforms (2D and 3D) change the shape, size, and position of an
element without affecting document flow. Transitions animate between states, but
transforms define the actual geometric modification.
4. What is needed to provide coordinates in three-dimensional space to create
a plane to help orient a 3D object?
• A. The Y-axis
• B. The X-axis
• C. The Z-axis
• D. The perspective(n)-axis
Correct Answer:-C. The Z-axis
,Rationale: In 3D space, the X-axis (horizontal), Y-axis (vertical), and Z-axis
(depth) are required. The Z-axis creates the perception of depth, allowing elements
to move toward or away from the viewer.
5. Why would you use the CSS3 opacity property when you overlap images or
other elements in your Web page?
• A. To make the foreground element partially transparent so elements in
the background will be visible
• B. To make the background elements partially transparent so elements in the
foreground will show through them
• C. To specify the stack order of the images or elements that overlap
• D. To specify whether an element can be resized by the user and how it can
be resized
Correct Answer:-A. To make the foreground element partially transparent so
elements in the background will be visible
Rationale: Opacity controls transparency of an element. When overlapping,
reducing the opacity of the top element allows the background element to show
through.
6. What CSS3 2D transform method combines all of the 2D transform
methods into one, which enables an element to rotate, scale, move (translate)
and skew?
• A. Skew(x-angle,y-angle)
• B. Matrix(n,n,n,n,n,n)
• C. Scale(x,y)
• D. Translate(x,y)
Correct Answer:-B. Matrix(n,n,n,n,n,n)
Rationale: The matrix() method takes six parameters representing a 2x3
transformation matrix, allowing combined translation, scaling, rotation, and
skewing in a single declaration.
, 7. Which animation property should you use to specify whether an animation
is running or paused?
• A. The animation-play-state property
• B. The animation-timing-function property
• C. The animation-delay property
• D. The animation-direction property
Correct Answer:-A. The animation-play-state property
Rationale: animation-play-state accepts values running (default) or paused. It
allows dynamic control, often used with JavaScript or hover states.
8. Why would you use the CSS3 transform properties in a Web document?
• A. To change the shape, size and/or position of an element
• B. To change an element from one style to another when a user hovers his or
her mouse pointer over the element
• C. To automatically cause an element to change from one set of styles to
another when a user opens your Web page
• D. To allow a user to effectively control and operate your Web page
Correct Answer:-A. To change the shape, size and/or position of an element
Rationale: Transform properties (translate, scale, rotate, skew, matrix) directly
alter the visual presentation of an element.
9. When you use the CSS3 opacity property, how do you specify the level of
transparency to apply?
• A. You specify a value between #FFFFFF and #000000
• B. You specify a value between 1.0 and 100.0
• C. You specify a value between 0.0 and 1.0
Practice Test Bank with Verified Questions &
Answers | C777 OA Web Development
Applications (Latest Update)
Section 1: CSS3 Fundamentals & Modularization
1. Why can new features be added to the CSS3 specification more quickly
than in previous versions to enhance its support of borders, backgrounds,
colors, text effects and so forth?
• A. Because CSS3 is the preferred way to format Web pages created using
HTML5
• B. Because CSS3 provides a modularized standard
• C. Because all browsers are HTML5-compliant
• D. Because CSS3 is compatible with both HTML 4.01 and XHTML 1.0
Correct Answer:-B. Because CSS3 provides a modularized standard
Rationale: CSS3 is divided into separate modules (e.g., Selectors, Box Model,
Backgrounds, Transforms). Each module can be updated independently, allowing
faster evolution and implementation without waiting for the entire specification to
be finalized.
2. Which statement is true regarding CSS3 animations?
• A. They must run in conjunction with Microsoft Silverlight in order to
render on Internet Explorer browsers
• B. They were designed to replace basic animations that previously required
third-party, proprietary plug-ins or the use of JavaScript
• C. They were designed to replace basic animations that previously
required third-party, proprietary plug-ins because they are written
exclusively in JavaScript *(Note: This option is intentionally incorrect in
, the original; the correct statement is that CSS3 animations replace plug-ins
without JavaScript. See correct answer below.)*
• D. They must run in conjunction with Apple QuickTime in order to render
on Safari browsers
Correct Answer:-B. They were designed to replace basic animations that
previously required third-party, proprietary plug-ins or the use of JavaScript
Rationale: CSS3 animations are native to browsers, eliminating the need for Flash,
Silverlight, or complex JavaScript libraries. They are defined purely in CSS, not
JavaScript.
3. What is the term for a CSS3 effect that allows elements to rotate, move, flip
and stretch?
• A. Animate
• B. Transition
• C. Transform
• D. Overlay
Correct Answer:-C. Transform
Rationale: CSS transforms (2D and 3D) change the shape, size, and position of an
element without affecting document flow. Transitions animate between states, but
transforms define the actual geometric modification.
4. What is needed to provide coordinates in three-dimensional space to create
a plane to help orient a 3D object?
• A. The Y-axis
• B. The X-axis
• C. The Z-axis
• D. The perspective(n)-axis
Correct Answer:-C. The Z-axis
,Rationale: In 3D space, the X-axis (horizontal), Y-axis (vertical), and Z-axis
(depth) are required. The Z-axis creates the perception of depth, allowing elements
to move toward or away from the viewer.
5. Why would you use the CSS3 opacity property when you overlap images or
other elements in your Web page?
• A. To make the foreground element partially transparent so elements in
the background will be visible
• B. To make the background elements partially transparent so elements in the
foreground will show through them
• C. To specify the stack order of the images or elements that overlap
• D. To specify whether an element can be resized by the user and how it can
be resized
Correct Answer:-A. To make the foreground element partially transparent so
elements in the background will be visible
Rationale: Opacity controls transparency of an element. When overlapping,
reducing the opacity of the top element allows the background element to show
through.
6. What CSS3 2D transform method combines all of the 2D transform
methods into one, which enables an element to rotate, scale, move (translate)
and skew?
• A. Skew(x-angle,y-angle)
• B. Matrix(n,n,n,n,n,n)
• C. Scale(x,y)
• D. Translate(x,y)
Correct Answer:-B. Matrix(n,n,n,n,n,n)
Rationale: The matrix() method takes six parameters representing a 2x3
transformation matrix, allowing combined translation, scaling, rotation, and
skewing in a single declaration.
, 7. Which animation property should you use to specify whether an animation
is running or paused?
• A. The animation-play-state property
• B. The animation-timing-function property
• C. The animation-delay property
• D. The animation-direction property
Correct Answer:-A. The animation-play-state property
Rationale: animation-play-state accepts values running (default) or paused. It
allows dynamic control, often used with JavaScript or hover states.
8. Why would you use the CSS3 transform properties in a Web document?
• A. To change the shape, size and/or position of an element
• B. To change an element from one style to another when a user hovers his or
her mouse pointer over the element
• C. To automatically cause an element to change from one set of styles to
another when a user opens your Web page
• D. To allow a user to effectively control and operate your Web page
Correct Answer:-A. To change the shape, size and/or position of an element
Rationale: Transform properties (translate, scale, rotate, skew, matrix) directly
alter the visual presentation of an element.
9. When you use the CSS3 opacity property, how do you specify the level of
transparency to apply?
• A. You specify a value between #FFFFFF and #000000
• B. You specify a value between 1.0 and 100.0
• C. You specify a value between 0.0 and 1.0
