Web-Development-Applications Exam Questions and Answers

QUESTION: 9

Given the following CSS code:

Which portion is the rule?

A)

B)

C)

D)

Option A
Option B
Option C
Option D

Answer(s): A

Explanation:

In CSS, a rule is composed of a selector and a declaration block. The rule is the entire part that defines how styles should be applied to elements matching the selector.

CSS Rule Components:

Selector: Identifies the HTML elements to be styled (e.g., body, .name, #item).

Declaration Block: Contains one or more declarations, each consisting of a property and a value, enclosed in curly braces {}.

Example Analysis:

Option A:

body {

background-color: white;

}

This is the full rule, consisting of the selector body and the declaration block { background-color:
white; }.

Option B:

background-color: white;

This is just a declaration, not a complete rule.

background-color: white,

This is an incorrect declaration due to the comma, and not a complete rule.

Option D:

color: black

This is just a declaration, not a complete rule.

Reference:

W3C CSS Syntax and Basic Data Types Module Level 3

MDN Web Docs - CSS Syntax

Reveal Solution Next Question

QUESTION: 10

Given the following code:

What does the #item token do?

It specifies a CSS3 property.
It locates an HTML5 element by its ID
It defines a JavaScript function with one parameter.
It creates an XML element.

Answer(s): B

Explanation:

The #item token in CSS is used to select an HTML element by its ID attribute.

CSS ID Selector:

Syntax: The ID selector is prefixed with a hash symbol (#) followed by the ID value of the HTML element.

Example: If the HTML element has an attribute id="item", it can be selected and styled in CSS as:

width: 300px;

}

Functionality:

Selects an Element: The ID selector targets the specific HTML element with the matching id attribute.

Specificity: ID selectors have high specificity, meaning they will override styles from type selectors and

Reveal Solution Next Question

QUESTION: 11

Which element attaches an external CSS document to a web page?

<style>
<Link>
<Script>
<Meta>

Answer(s): B

Explanation:

To attach an external CSS document to a web page, the <link> element is used within the <head> section of the HTML document.

<link> Element:

Purpose: Links external resources, such as stylesheets, to the HTML document.

Attributes:

rel="stylesheet": Specifies the relationship between the current document and the linked resource.

href="path/to/stylesheet.css": Specifies the URL of the external stylesheet.

Example:

<head>

<link rel="stylesheet" href="styles.css">

</head>

Other Options:

<style>: Used to embed internal CSS directly within the HTML document, not for linking external CSS.

<script>: Used to embed or link to JavaScript files.

<meta>: Provides metadata about the HTML document, not for linking stylesheets.

Reference:

W3C HTML5 Specification - The link element

MDN Web Docs - <link>

By using the <link> element correctly, you can ensure that your web page is styled with external CSS, maintaining a separation of concerns and making your HTML more manageable.

Reveal Solution Next Question

QUESTION: 12

A developer needs to apply a red font color to the navigation, footer, and the first two of three paragraphs on a website.

The developer writes the following code:

Which CSS archives this developer's goal?

Content
Padding
Margin
border

Answer(s): A

Explanation:

To apply a red font color to the navigation, footer, and the first two of three paragraphs on a website, the correct CSS would use the content attribute to achieve the desired styling. However, the term "content" isn't correct in the given context. The appropriate answer involves directly specifying styles for these elements using CSS selectors.

Here's the correct CSS:

nav, footer, p.standard:nth-of-type(1), p.standard:nth-of-type(2) {

color: red;

}

CSS Selectors: The selectors nav, footer, p.standard:nth-of-type(1), and p.standard:nth-of-type(2) are used to target the specific elements. The nth-of-type pseudo-class is used to select the first and second paragraphs.

Applying Styles: The color: red; style rule sets the text color to red for the specified elements.

Reference:

MDN Web Docs on CSS Selectors

W3C CSS Specification on Selectors

Reveal Solution Next Question

QUESTION: 13

A web designer inserts an image into a web page.

Which CSS attribute should this designer use to ensure that there is one of pixel of space between the line image and the surrounding elements?

Content
Padding
Margin
border

Answer(s): C

Explanation:

To ensure that there is one pixel of space between the image and the surrounding elements, the margin property should be used.

CSS Margin Property: The margin property is used to create space around elements, outside of any defined borders.

Usage Example:

img {

margin: 1px;

}

In this example, the margin: 1px; rule sets a margin of 1 pixel around the image, creating the desired space.

Reference:

MDN Web Docs on Margin

W3C CSS Specification on Margin

Reveal Solution Next Question

QUESTION: 14

A web designer creates the following HTML code:

Which CSS selector applies only to the first line?

#Welcome
.Welcome
#Header
.header

Answer(s): A

Explanation:

To apply CSS only to the first line of a particular HTML element, the ID selector #Welcome should be used as per the given HTML structure.

CSS ID Selector: The ID selector is used to style the element with a specific id.

Usage Example:

#Welcome {

color: red;

}

In this example, the #Welcome selector will apply the red color style only to the element with id="Welcome".

Reference:

MDN Web Docs on ID Selectors

W3C CSS Specification on Selectors

Reveal Solution Next Question

QUESTION: 15

A web page has the following CSS code:

Which selector should a developer use to invoke the CSS?

Attribute
Style
id
class

Answer(s): C

Explanation:

To invoke the CSS provided, an ID selector is used. In CSS, the ID selector is used to style the element with the specific id attribute.

CSS ID Selector: The syntax for the ID selector is #id, where id is the id attribute value of the HTML element.

Usage Example:

#black {

color: black;

}

This CSS rule will apply the color: black; style to the element with id="black".

Example in HTML:

<div id="black">This text will be black.</div>

Reference:

MDN Web Docs on ID Selectors

W3C CSS Specification on Selectors

Reveal Solution Next Question

QUESTION: 16

Given the following HTML code:

And given the following CSS selector:

Which elements will the CSS be applied to?

Any anchors (a. element) preceded by unordered lists (ul element)
All anchors (a. dement) and elements inside unordered lists ful element)
Any anchors (a element) followed by unordered lists (1:1 element)
All anchors (a element) and elements preceded by an unordered list (ul element)

Answer(s): B

Explanation:

Given the CSS selector a, ul, it targets all anchor (<a>) elements and all unordered list (<ul>) elements independently. This means the CSS rule will be applied to each <a> and <ul> element in the HTML document.

CSS Selector Analysis:

a: This part of the selector targets all <a> elements in the document.

,: The comma is a selector separator, meaning that each part of the selector list is applied independently.

ul: This part of the selector targets all <ul> elements in the document.

Example:

Given HTML:

<p>

<a href="http://example.com/link0">Link 0</a>

<a href="http://example.com/link1">Link 1</a>

</p>

<ul>

<li>Hello</li>

</ul>

<p>

<a href="http://example.com/link2">Link 2</a>

<a href="https://example.com/link3">Link 3</a>

</p>

<b>Sample</b>

Given CSS:

a, ul {

color: red;

}

Affected Elements: All <a> and <ul> elements will have the color set to red.

Reference:

MDN Web Docs - Comma combinator

W3C CSS Selectors Level 3

Reveal Solution Next Question

WGU Web-Development-Applications Exam (page: 2) WGU Web Development Applications (KVO1) Updated on: 07-Feb-2026

QUESTION: 9

Explanation:

Reference:

QUESTION: 10

Explanation:

QUESTION: 11

Explanation:

Reference:

QUESTION: 12

Explanation:

Reference:

QUESTION: 13

Explanation:

Reference:

QUESTION: 14

Explanation:

Reference:

QUESTION: 15

Explanation:

Reference:

QUESTION: 16

Explanation:

Reference:

WGU Web-Development-Applications Exam (page: 2)
WGU Web Development Applications (KVO1)
Updated on: 07-Feb-2026