1|Page
WGU C777 Objective Assessment – Practice Exam
with 200 Questions & Answers
1. A web developer is designing a multi-page website and wants to
identify the collection of links that provides users with access to the
major sections of the site. Which HTML5 semantic element should be
used to communicate that this content represents the website's
primary navigation?
A. <section>
B. <nav>
C. <aside>
D. <header>
Answer: B. <nav>
2. A developer is creating a webpage that must correctly display
characters from multiple languages and wants to explicitly identify the
character encoding used by the document so that browsers can
interpret the text consistently. Which declaration should be placed
within the <head> element?
A. <meta charset="UTF-8">
B. <charset type="UTF-8">
,2|Page
C. <meta encoding="UTF-8">
D. <encoding charset="UTF-8">
Answer: A. <meta charset="UTF-8">
3. A developer is creating a website where the same visual formatting
needs to be applied to several different HTML elements throughout the
page, and the developer wants to avoid duplicating the same CSS
declarations for each individual element. Which CSS selector is most
appropriate for this situation?
A. ID selector
B. Universal selector
C. Class selector
D. Element selector
Answer: C. Class selector
4. Consider the following CSS declarations:
p{
color: blue;
}
,3|Page
.warning {
color: red;
}
The following HTML element appears on the webpage:
<p class="warning">Important information</p>
When the browser applies the CSS rules, which color will the paragraph
text display, assuming there are no additional conflicting styles?
A. Blue, because the paragraph element selector is applied first
B. Black, because the paragraph does not have an inline style
C. Blue, because element selectors always override class selectors
D. Red, because the class selector has greater specificity
Answer: D. Red, because the class selector has greater specificity
5. A developer is carefully adjusting the spacing inside a rectangular
webpage component and wants to increase the distance between the
element's actual content and the surrounding border without changing
, 4|Page
the space outside the element. Which CSS property should be
modified?
A. margin
B. padding
C. spacing
D. indent
Answer: B. padding
6. A developer wants to create a responsive layout in which the direct
child elements of a container can be aligned and distributed efficiently
along a flexible layout axis. Which CSS declaration should be applied to
the parent container to establish a Flexbox layout?
A. display: flex;
B. position: flex;
C. layout: flex;
D. flex: display;
Answer: A. display: flex;
WGU C777 Objective Assessment – Practice Exam
with 200 Questions & Answers
1. A web developer is designing a multi-page website and wants to
identify the collection of links that provides users with access to the
major sections of the site. Which HTML5 semantic element should be
used to communicate that this content represents the website's
primary navigation?
A. <section>
B. <nav>
C. <aside>
D. <header>
Answer: B. <nav>
2. A developer is creating a webpage that must correctly display
characters from multiple languages and wants to explicitly identify the
character encoding used by the document so that browsers can
interpret the text consistently. Which declaration should be placed
within the <head> element?
A. <meta charset="UTF-8">
B. <charset type="UTF-8">
,2|Page
C. <meta encoding="UTF-8">
D. <encoding charset="UTF-8">
Answer: A. <meta charset="UTF-8">
3. A developer is creating a website where the same visual formatting
needs to be applied to several different HTML elements throughout the
page, and the developer wants to avoid duplicating the same CSS
declarations for each individual element. Which CSS selector is most
appropriate for this situation?
A. ID selector
B. Universal selector
C. Class selector
D. Element selector
Answer: C. Class selector
4. Consider the following CSS declarations:
p{
color: blue;
}
,3|Page
.warning {
color: red;
}
The following HTML element appears on the webpage:
<p class="warning">Important information</p>
When the browser applies the CSS rules, which color will the paragraph
text display, assuming there are no additional conflicting styles?
A. Blue, because the paragraph element selector is applied first
B. Black, because the paragraph does not have an inline style
C. Blue, because element selectors always override class selectors
D. Red, because the class selector has greater specificity
Answer: D. Red, because the class selector has greater specificity
5. A developer is carefully adjusting the spacing inside a rectangular
webpage component and wants to increase the distance between the
element's actual content and the surrounding border without changing
, 4|Page
the space outside the element. Which CSS property should be
modified?
A. margin
B. padding
C. spacing
D. indent
Answer: B. padding
6. A developer wants to create a responsive layout in which the direct
child elements of a container can be aligned and distributed efficiently
along a flexible layout axis. Which CSS declaration should be applied to
the parent container to establish a Flexbox layout?
A. display: flex;
B. position: flex;
C. layout: flex;
D. flex: display;
Answer: A. display: flex;
