Web Page Final #2
The content of a blockquote element is usually placed in quotation marks. True False
True
Terry is building a web site and wants to have three main links called Home, Product Info, and Contact Us. She will create a hierarchy of page elements and revise the style sheets. If Terry decides to select all elements belonging to the main class, she should use the _____ selector. .main main[href] #main.intro p.main
.main
The default value for both kerning and tracking is _____ pixels. 8 2 0 5
0
In the hexadecimal numbering system, the number 16 is expressed as _____. F 1F 10 1
10
In the hexadecimal numbering system, the number 21 is expressed as _____. 1F F 15 F1
15
Which of the following dynamic pseudo-classes means the link has not yet been visited by a user? :hover :link :active :nvisited
:link
Alex's woodworking shop is trying to design a web page with Cascading Style Sheets (CSS). Alex would like create the new design based on the latest elements and styles from Hypertext Markup Language (HTML) and CSS. He has created a few sample pages: home.html---describes the business and contact informationproduct.html---displays a list of product descriptionscustom.html---displays a list of custom products Alex wants to create styles that apply only to the HTML document in which they are created. Help Alex in selecting an appropriate style to be used for this purpose. Embedded style User-defined style Inline style External style
Embedded style
A color value is an alphabetic expression that represents the intensity of the primary colors. True False
False
A generic font is a font that is identified by name, such as Times New Roman or Helvetica. True False
False
Embedded styles apply to the Hypertext Markup Language (HTML) documents in which they are created and are accessible to other documents in the website. True False
False
Hue measures the brightness of a color and ranges from 0% (black) up to 100% (white). True False
False
Hue values range from 0˚ to 360˚, where 0˚ matches the location of blue on the color wheel, 120˚ matches red, and 240˚ matches green. True False
False
Leading measures the amount of space between characters, while tracking refers to the amount of space between words. True False
False
One approach to retain the consistency of web page text is to use absolute units, which are expressed relative to the size of other objects within the web page. True False
False
Structural pseudo-elements are used to classify items based on their locations within the hierarchy of page elements. True False
False
To import a style sheet, the command =import url(url); must be added to the style sheet file, where url is the URL of an external style sheet file. True False
False
Identify a typographic attribute that measures the amount of space between characters. Dithering Tracking Pacing Kerning
Kerning
_____ measures the brightness of a color and ranges from 0% (black) up to 100% (white). Hue Darkness Lightness Saturation
Lightness
_____ units express font size according to the size of other objects within a web page. Standard Output Absolute Relative
Relative
_____ measures the intensity of the chosen color and ranges from 0% (no color) up to 100% (full color). Saturation Lightness Hue Darkness
Saturation
_____ measures the amount of space between words. Dithering Kerning Tracking Pacing
Tracking
A parent element is an element that contains one or more elements, which are called its child elements. True False
True
A pixel is a relative unit because the actual rendered size depends on the density of the output device. True False
True
Absolute units are units that are fixed in size regardless of the output device and are usually used only with printed media. True False
True
An additional factor in applying a style sheet is that properties are passed from a parent element to its children in a process known as style inheritance. True False
True
Browser extensions are identified through the use of a vendor prefix, which indicates the browser vendor that created and supports the property. True False
True
One advantage of user-defined style sheets is that they make the web more accessible to visually impaired users who may require larger fonts or the absence of clashing color schemes. True False
True
Saturation measures the intensity of the chosen color and ranges from 0% (no color) up to 100% (full color). True False
True
The most common way of accepting user input is through a web form. True False
True
User-defined styles are defined by users based on the settings they make while configuring a browser. True False
True
Writing a style rule on a single line saves space, but entering each style property on a separate line often makes a code easier to read and edit. True False
True
Which of the following is an example of web safe font stacks? Book Antiqua Calibri Bell MT Verdana
Verdana
The _____ pseudo-class represents the exact instant in which a link is activated. visited active open-quote link
active
Identify an attribute selector that recognizes groups of elements that share a similar characteristic or property. list-style-position class id pseudo-element
class
Decorative opening and closing quotation marks can be inserted using the _____ property. content label type deco
content
Many web browsers include _____ tools to make it easier for designers to locate the source of a style that has been applied to a specific page element. designer developer creator planner
developer
The _____ unit is the preferred style unit for web page text because it makes it easy to develop pages in which different page elements have consistent relative font sizes under any device. en em ft in
em
Unlike an external style sheet, a(n) _____ style sheet is applied only to the web page in which it is placed. embedded linked integrated user-defined
embedded
Extending the first line of text to the left of a text block creates a _____ indent. tracking kerning leading hanging
hanging
The _____ pseudo-class is to be used for a situation in which a user has moved the mouse pointer over a hypertext link prior to clicking the link. root link hover active
hover
Identify a generic font group that is a typeface in which each character has the same width. cursive fantasy sans-serif monospace
monospace
A _____ element is an element that contains one or more other elements, which are called child elements. parent family sibling descendant
parent
To direct a style rule to specific elements, _____ can be used to match only those page elements that correspond to a specified pattern. descendant elements pseudo-classes selector patterns web fonts
selector patterns
A typeface in which a small ornamentation appears at the tail end of each character is _____. sans-serif fantasy monospace serif
serif
Tim is creating a web page to display his poker club's set of rules. He has main categories and subcategories along with about a paragraph or more of explanation for each. Tim wants to align the top of the element with the top of the font of the surrounding content. Which value of the vertical-align property should he use? text-top baseline super top
text-top
The style rule * {color: blue;} uses the asterisk (*) selector—also known as the _____ selector—to select all elements in a document. character wildcard object text
wildcard
Yellow has the RGB triplet _____. (255, 255, 0) (0, 0, 0) (0, 255, 255) (255, 0, 255)
(255, 255, 0)
Identify the correct syntax for adding comments in style sheets. /*comment*/ //comment// <!--comment--> /..comment
/*comment*/
Identify a rule that should be added to a style sheet to access and load a web font. @font-face aside: {font-family} @charset "utf-8"; font-style: type;
@font-face
The Cascading Style Sheets (CSS) @rule that imports an external style sheet file located at ur1 is _____. @import url(url); @import media { url } @import prefix url @import "url";
@import url(url);
_____, another type of pseudo selector, is an object that exists only in the rendered page. Pseudo-object Pseudo-class Pseudo-type Pseudo-element
Pseudo-element
_____ selectors are used to select elements based on elements that are adjacent to them in the document hierarchy. Sibling Parent Descendant Child
Sibling
Another type of pseudo-class is _____ pseudo-class in which the class can change state based on the actions of a user. unstructured structured static dynamic
dynamic
Identify an attribute selector that selects all elem elements whose att attribute begins with text. elem[att|="text"] elem[att^="text"] elem[att$="text"] elem[att˜="text"]
elem[att^="text"]
Tim is creating a web page to display his poker club's set of rules. He has main categories and subcategories along with about a paragraph or more of explanation for each. Tim wants to display the subcategories in capital letters but does not want them to appear more important than the main categories, so he decides on small capital letters. Which style should he use? text-transform text-variant font-variant font-transform
font-variant
Terry is building a web site and wants to have three main links called Home, Product Info, and Contact Us. She will create a hierarchy of page elements and revise the style sheets. Terry has decided to display the text of all h1 headings found within the page header in green. The style rule applied should be _____. header h1 {green: shade;} header h1 {shade: green;} header h1 {color: green;} header h1 {green: color;}
header h1 {color: green;}
Color values using the HSL model are described in Cascading Style Sheets (CSS) 3 using _____. hsl (hue, shadow, lightness, opacity) rgb(number) #redgreenblue hsl (hue, saturation, lightness)
hsl (hue, saturation, lightness)
If two style rules have equal specificity, and thus equal importance, then the one that is defined _____ in the style sheet is the one used. last first second third
last
Nested lists can be displayed in a(n) _____ style through the use of contextual selectors. tree outline embedded hierarchy
outline
Which of the following list styles should be applied to the ol element to display an unordered list with markers as shown below? *Home *Getting Started *Scrapbooking Tips *Supply List ul {list-style-type: disc;} ul {list-style-type: circle;} ul {list-style-type: none;} ul {list-style-type: upper-greek;}
ul {list-style-type: disc;}
