WGU D276 Web Development Foundations

Which of the following is known as the CSS universal selector?

*

ways that CSS transitions differ from CSS animations.

-Transitions execute when an element property values are changed, unlike CSS animations that execute at a particular time. -Transitions provide less control over the animation than CSS animations.

How many root Domain Name System (DNS) servers currently exist in the world?

13

In what year did the Internet begin with four networked computers

1969

In what year did the Internet begin with four networked computers?

1969

In what year did the number of Internet users surpass 3 billion?

2015

valid pseudo-class selector examples.

:empty :enabled :hover :lang(language)

What selector must a CSS variable be declared in to have global scope?

:root

What HTML element do we use to facilitate information gathering for submission to a server?

<form </form>

semantic tags

<nav> <header> <section> <article> <aside> <footer>

Which HTML element is a generic element for creating inline containers to facilitate managing content on a webpage. This element has no semantic meaning.

<span> </span>

Select the three optional table tags that browsers may use to allow scrolling of the table body independently from the table header and table footer.

<tbody>...</tbody> <tfoot>...</tfoot> <thead>...</thead>

The child selector, specified by using what symbol between two selectors, matches any elements where the second element is a direct child of the first element

>

Which of the following is the definition of a CSS declaration?

A CSS property followed by a colon (:) and the property value

what is a at-rule?

A CSS statement that starts with the @ character and instructs the CSS engine how to behave.

How does XML provide a software- and hardware-independent way of storing, transporting, and sharing data?

By storing data in plain text format

XML simplifies the coding process regarding which of the following? Select all that apply.

Data Availability Data Sharing Data Transport Platform Changes

A flex item is a parent element of a flex container that is positioned and sized according to various CSS flexbox properties.

False

Identify the five (5) potential parts of a URL.

Fragment Hostname Path Query String Scheme

What languages can the Chrome devtools help debug?

JavaScript, HTML, CSS

Which of the following is the definition of a CSS declaration block?

One or more declarations separated by semicolons (;)

Regarding the parts of a URL, what is a Fragment?

Optional characters at the end of a URL that start with a hash symbol (#) and refer to a certain location within a webpage.

Regarding a URL, what is a Query String?

Optional characters to the right of the question mark (?) in a URL that provide data for the web server.

What do we call a set of extensions to CSS that allow properties to use variables, arithmetic, and functions?

SassScript

Which of the following is the definition of a CSS selector?

The HTML elements to which the specific style rule applies

What is a protocol suite that governs how data packets are transferred over the internet from one machine to another?

Transmission Control Protocol / Internet Protocol (TCP/IP)

Sass is a popular CSS preprocessor that uses CSS-like syntax to build complex CSS stylesheets.

True

What does proper nesting mean in the XML context?

When a nested XML element is opened inside the parent element, it must be closed inside the parent element.

What is the XML equivalent to the HTML Doctype declaration?

XML prolog

What is the rules view?

a devtools view where you should be able to see the CSS properties and values applied to an HTML element

What does the elements panel represent on the website?

a textual representation of the DOM for the selected webpage

Which CSS position property value positions an element relative to the nearest positioned ancestor?

absolute

This required <form> attribute specifies the name and location of the CGI script used to process the form.

action

combinators

adjacent sibling child descendant general sibling

CSS property controls the speed of an animation between keyframes?

animation-timing-function

Which CSS property controls the speed of an animation between keyframes?

animation-timing-function

Select the common attributes (4) that the <audio>...</audio> element includes.

autoplay controls loop muted

properties to be used with the box-shadow CSS property.

blur-radius color inset offset-x offset-y spread-radius

What types of elements can be inside a block element?

both inline and block elements

How can you open the Chrome devtools commandment menu

by clicking the menu button on the top right of the devtools window

An absolute size is a size that is fixed and independent of other CSS sizes. Of the following, select all absolute size units.

cm - centimeters in - inches mm - millimeters pc - pica pt - points px - pixels

What is the proper syntax to use a CSS variable called --section-color?

color: var(--section-color);

Which devtools panel shows how the DOM currently looks in the web page?

elements panel

Select the four (4) <input> types that exist for entering specific types of text.

email search tel url

What HTML attribute should be used if a <form>...</form> field contains binary data, such as an image, that the normal format of the query string is not sufficient to encode?

enctype

All XML elements must have a closing tag.

false

An <option>...</option> element must have a value attribute.

false

Good practice is to use the <br>, or line break, element to add space or control formatting of a webpage

false

HTML comments should be used to ensure that the addition of random white space will not affect rendering in browsers.

false

Hyperlinks can only contain text.

false

If animation-duration is assigned the value 0s, the animation occurs very quickly

false

The max-width property should never be used in a fluid layout.

false

True or false? Buttons always submit form data to a server.

false

True or false? Passwords from the password widget that are sent to the server using HTTP are safe from prying eyes.

false

True or false? The <audio>...</audio> element can always be paused by the user.

false

UTF-8 is not the default character encoding for XML documents.

false

Which CSS layout mode provides an efficient way to lay out elements in a container so the elements behave predictably when the container is resized or viewed on different screen sizes?

flexible box or flexbox

Which attribute inside the <label>...</label> element is used to associate the label with a widget?

for

What <form> method attribute value instructs the browser to append the form data to the URL for use in a query string?

get

Which indicator is used to signify that files are successfully mapped to files on a disk?

green circle next to file name

CSS properties that control grid item placement in a specific row or column or span multiple rows and/or columns.

grid-area grid-column grid-row

What is CSS cascading?

how a style applied to a parent element will also apply to all children elements within the parent

What is text that has links to other text, images, videos, and more?

hypertext

Select the five (5) primary attributes for a <input> element.

id name placeholder type value

What type of HTML element fills the minimum space possible in the parent container and can only contain text or other elements of this type?

inline element

Which CSS property should be used to change the bullet used in an unordered list and offers more numbering options in an ordered list?

list-style-type

What required <form> attribute specifies the manner in which the browser will send form data to a web server?

method

Is there a media type that specifically targets mobile devices?

no

Must media queries have at least one expression after the media type?

no

What types of elements can be inside an inline element?

only inline elements

What <form> method attribute value allows sending more characters and is slightly more secure when submitting a Web-based form?

post

easiest way to open chrome devtools

pressing the f12 key on your keyboard while using Chrome

Which abbreviation represents an Absolute length unit

px

What are the two main types of HTML errors you will encounter?

syntax and logic errors

What is the <input> type attribute value of a text box widget?

text

What is a root folder for a website?

the folder where the website files are stored

What is the difference between viewing HTML via the page source versus the inspector?

the inspector displays HTML as represented by the rendered DOM

Which function moves an element 20 pixels to the left and 5 pixels down?

translate(-20px,5px)

A breakpoint is the screen width that activates a media query

true

A website should use an external stylesheet to create styles that apply to all web pages.

true

An advantage to using a SCSS variable to store a color value used multiple times in a stylesheet is that if the color needs to be changed in the future, only the variable needs to be changed.

true

CSS media query is a combination of media type and optionally one or more media feature expressions that evaluate to true or false.

true

HTML comments can be used to disable code to see how a page will appear without a particular markup element.

true

Links are generally larger on mobile websites

true

The inline-block display property value displays the contents of the element as a block element, but formats the element as an inline element.

true

True or false? Developer guidelines suggest that you should always provide labels and/or placeholders for widgets.

true

True or false? The use of self-closing element tags should be avoided.

true

How do you add a new property?

using rules view of devtools, you can click the closing curly brace in the rule to start entering a new declaration into it

Which <input> attribute allows the input to start with a default value?

value

What is the ability of users with disabilities to access and use a webpage with reasonable effort?

web accessibility

What is a document that is viewed in a web browser?

webpage

Which CSS property is used to specify a relative distance that orders the appearance of elements?

z-index