Question 1

Use the ______ element to create a generic area or section on a web page that is physically separated from others.
A) div
B) strong
C) h1
D) small

Accepted Answer

The div element is commonly used to create a generic area or section on a web page that is physically separated from others. It can be used with CSS to give that section a specific style or formatting. Strong (B) is used to indicate strong importance and does not create a section or area. H1 (C) is a heading tag used to denote the main heading of a page or section. Small (D) is used to indicate small print or shorter text.

Question 2

To apply a style to exactly one element on a web page, configure a CSS _____________.
A) group
B) id
C) class
D) None of the above

Accepted Answer

An id selector allows you to apply a specific style to an individual element. Ids are unique and can be used only once per page. Therefore, it is the best choice to apply a style to only one element on a web page.

Question 3

Which of the following is a CSS selector that will configure the paragraph elements within the footer element.
A) p footer
B) footer p
C) #footer p
D) .footer p

Accepted Answer

The correct CSS selector to configure the paragraph elements within the footer element is "footer p". Option A "p footer" will target footer elements that are inside of paragraph elements. Option C "#footer p" and Option D ".footer p" will target paragraph elements that are inside of elements with the IDs "footer" and classes "footer" respectively.

Question 4

Select the code below that uses CSS to configure a background color of #eaeaea for a web page.
A) body {background-color:#eaeaea; }
B) document {background-page:#eaeaea; }
C) body {bgcolor:#eaeaea; }
D) None of the above

Accepted Answer

The correct way to specify a background color using CSS is to use the "background-color" property within the body tag, and provide the color value in hexadecimal format. Choice B is incorrect because "background-page" is not a valid CSS property. Choice C is incorrect because "bgcolor" is an outdated HTML attribute and should not be used with CSS.

Question 5

CSS was first approved as a standard by the W3C in ______.
A) 1996
B) 2002
C) 1992
D) none of the above

Accepted Answer

CSS was first approved as a standard by the World Wide Web Consortium (W3C) in December 1996.

Question 6

According to the CSS order of precedence, ______ styles override ________ styles.
A) external, embedded
B) embedded, inline
C) inline, external
D) external, inline

Accepted Answer

According to the CSS order of precedence, inline styles have the highest priority and will override external styles. Therefore, choice C is correct as it shows that inline styles override external styles. Choices A and B are incorrect as they show the opposite order of precedence. Choice D is incorrect as it is not in the correct order of precedence.

Question 7

When CSS is coded in the body of the web page as an attribute of an HTML tag it is called ________.
A) Embedded
B) Inline
C) External
D) Imported

Accepted Answer

When CSS is coded in the body of the web page as an attribute of an HTML tag, it is called Inline CSS. This method is generally not recommended as it can make the code more difficult to maintain and update compared to external or embedded CSS.

Question 8

Which of the following will configure all the span elements with red (#FF0000) text color?
A) span { color: #FF0000; }
B) #span { color: #FF0000; }
C) .span { color: #FF0000; }
D) < span style="color: #FF0000;" >

Accepted Answer

A is the correct CSS selector to target all span elements and change the text color to #FF0000. Option B uses an ID selector which is not appropriate as it targets a specific element with a unique ID. Option C uses a class selector which may work if the span element has a class of "span" but it is not a reliable selection method for all span elements. Option D uses inline styling which is not recommended as it leads to less maintainable code.

Question 9

Select the items below that can be used as a CSS Selector.
A) an HTML element
B) a class name
C) an id name
D) All of the above

Accepted Answer

All of the above (an HTML element, a class name, and an id name) can be used as a CSS Selector.

Question 10

Use the ______ element to create logical areas on a web page that are embedded within paragraphs or other block formatting elements.
A) div
B) span
C) both a and b
D) neither a nor b

Accepted Answer

The "span" element is used to create inline logical areas within paragraphs or other block elements, whereas "div" is used for block-level sections.

Question 11

Use the _____ element to code embedded styles on a web page.
A) link
B) style
C) embed
D) css

Accepted Answer

The style element is used to embed styles directly within the HTML document. The link element is used to link to an external stylesheet, while the embed element is used to embed multimedia content such as videos or audio files. CSS is not an element, but rather a styling language that is used with HTML.

Question 12

Which of the following is the CSS property used to set the text color?
A) bgcolor
B) background-color
C) color
D) none of the above

Accepted Answer

The CSS property used to set the text color is "color". Option A is used to set the background color, while Option B is used to set the background color of an element. Option D is not the correct answer as the correct answer is option C.

Question 13

Use the ______ element to associate a web page with an external style sheet.
A) target
B) a
C) include
D) link

Accepted Answer

The "link" element is used to associate a web page with an external style sheet. This allows the web page to access and use the styles defined in the external style sheet. The "target" element is used to specify where the linked document should be opened, the "a" element is used for creating hyperlinks, and the "include" element is not a valid HTML element.

Question 14

Cascading Style Sheet rules are comprised of:
A) Selectors and Declarations
B) Properties and Declarations
C) Selectors and Attributes
D) Elements and Attributes

Accepted Answer

CSS rules include selectors, which determine which HTML element(s) the rule applies to, and declarations, which specify the styles to be applied to those elements. Properties are part of declarations, not separate components of the rule. Attributes are not directly connected to CSS selectors or declarations. Similarly, elements are not part of the rule itself, but rather the HTML structure that the rule is being applied to.

Question 15

Which of the following is a CSS selector that will configure the anchor elements within the nav element.
A) nav a
B) .nav a
C) nav anchor
D) #nav a

Accepted Answer

The selector "nav a" selects all anchor (a) elements within the nav element. Choice B is incorrect because the period (.) is used to select classes, but "nav" is an element, not a class. Choice C is incorrect because "anchor" is not a valid HTML element or class. Choice D is incorrect because the pound sign (#) is used to select IDs, but "nav" is not an ID in this scenario.

Question 16

An External Style Sheet uses the _____ file extension.
A) ess
B) css
C) html
D) No file extension is necessary

Accepted Answer

An External Style Sheet uses the .css file extension.

Question 17

Which of the following is the CSS property used to set the background color?
A) bgcolor
B) background-color
C) color
D) none of the above

Accepted Answer

The CSS property used to set the background color is "background-color". "bgcolor" is an outdated HTML attribute, "color" sets the text color, and "none of the above" is not applicable as "background-color" is the correct answer.

Question 18

Where do you place the code to associate a web page with an external style sheet?
A) in the external style sheet
B) in the DOCTYPE of the web page document
C) in the body section of the web page document
D) in the head section of the web page document

Accepted Answer

The code to associate a web page with an external style sheet should be placed in the head section of the web page document. This is typically done using the <link> tag with the "rel" attribute set to "stylesheet" and the "href" attribute pointing to the URL of the external style sheet.

Question 19

To apply a style to one or more of elements on a web page, configure a CSS _____________.
A) group
B) id
C) class
D) attribute

Accepted Answer

To apply a style to one or more specific elements on a web page, a CSS class should be configured. Classes can be applied to multiple elements, allowing for consistent styling across the page. Groups, IDs, and attributes can also be used in CSS, but they are not the best choice for applying styles to specific elements.

Question 20

Select the code below that configures a class called "offer" with blue text using CSS.
A) offer { color: blue; }
B) .offer { color: blue; }
C) .offer { text: blue; }
D) #offer { color: blue; }

Accepted Answer

The correct syntax to select a class in CSS is by using a dot before the class name. Therefore, the correct code to configure a class called "offer" with blue text would be ".offer { color: blue; }".

Quiz 4: Cascading Style Sheets Basics

Use the ______ element to create a generic area or section on a web page that is physically separated from others.

To apply a style to exactly one element on a web page, configure a CSS _____________.

Which of the following is a CSS selector that will configure the paragraph elements within the footer element.

Select the code below that uses CSS to configure a background color of #eaeaea for a web page.

CSS was first approved as a standard by the W3C in ______.

According to the CSS order of precedence, styles override __ styles.

When CSS is coded in the body of the web page as an attribute of an HTML tag it is called ________.

Which of the following will configure all the span elements with red (#FF0000) text color?

Select the items below that can be used as a CSS Selector.

Use the ______ element to create logical areas on a web page that are embedded within paragraphs or other block formatting elements.

Use the _____ element to code embedded styles on a web page.

Which of the following is the CSS property used to set the text color?

Use the ______ element to associate a web page with an external style sheet.

Cascading Style Sheet rules are comprised of:

Which of the following is a CSS selector that will configure the anchor elements within the nav element.

An External Style Sheet uses the _____ file extension.

Which of the following is the CSS property used to set the background color?

Where do you place the code to associate a web page with an external style sheet?

To apply a style to one or more of elements on a web page, configure a CSS _____________.

Select the code below that configures a class called "offer" with blue text using CSS.