Deck 4: Designing Webpages With Css
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Match between columns
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Question
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/77
Play
Full screen (f)
Deck 4: Designing Webpages With Css
1
A feature of the Cascading Style Sheets (CSS) properties is that paragraphs and headings can _____ the font and color rules for the body selector.
A) inherit
B) cascade
C) generate
D) create
A) inherit
B) cascade
C) generate
D) create
A
2
A _____ rule is a rule that defines the appearance of an element on a webpage.
A) cascade
B) syntax
C) semantic
D) style
A) cascade
B) syntax
C) semantic
D) style
D
3
The font-weight property takes the value _____.
A) oblique
B) normal
C) bolder
D) justify
A) oblique
B) normal
C) bolder
D) justify
C
4
The best practice is to apply _____ styles when one wants to control the style of content within one pair of Hypertext Markup Language (HTML) tags.
A) embedded
B) disc
C) inline
D) external
A) embedded
B) disc
C) inline
D) external
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
5
_____ is a language used to describe the formatting of a document written in a markup language such as Hypertext Markup Language (HTML) 5.
A) Designing Style Sheets
B) Cascading Style Sheets
C) Segregation Style Sheets
D) Web paging Style sheets
A) Designing Style Sheets
B) Cascading Style Sheets
C) Segregation Style Sheets
D) Web paging Style sheets
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
6
Mike decides to use the Cascading Style Sheets (CSS) list-style properties to create the list of all the grocery goods offered by the online store. Which of the following style rules is accurate if Mike wants to define a filled square bullet for an unordered list of all the grocery items?
A) uli { style-rule: square bullet type; }
B) ul { list-style-type: square; } ol
C) ul { list-style-type: square; }
D) { list-style-type: square; }
A) uli { style-rule: square bullet type; }
B) ul { list-style-type: square; } ol
C) ul { list-style-type: square; }
D) { list-style-type: square; }
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
7
The first step while using an _____ style sheet is to use a text editor to create and save a document with a .css extension.
A) external
B) embedded
C) internal
D) inline
A) external
B) embedded
C) internal
D) inline
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
8
An _____ style sheet is used to create styles that apply to more than one webpage in a website.
A) embedded
B) external
C) internal
D) inline
A) embedded
B) external
C) internal
D) inline
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
9
The _____ property describes specific and general font names.
A) font-text
B) font-style
C) font-names
D) font-family
A) font-text
B) font-style
C) font-names
D) font-family
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
10
In the context of a style rule including a selector and a declaration, _____ formats h1 elements using blue text.
A) color=blue
B) h1 {color: blue;}
C) {color: blue}
D) h1 (color=blue;)
A) color=blue
B) h1 {color: blue;}
C) {color: blue}
D) h1 (color=blue;)
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
11
When more than one value is provided for the font-family property, the additional values are called _____ values.
A) fallback
B) supplementary
C) rollover
D) add-on
A) fallback
B) supplementary
C) rollover
D) add-on
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
12
Mike wants to further enhance the look of the webpage. He decides to display an image of some of the highly rated products beside the grocery list items instead of a standard bullet. On acquiring the required image from the owner of FreshGroceries, Mike saves it as a file named grocery. p n g. Which of the following style rules should be used to define the use of this image as a bullet for the unordered lists?
A) uli { image-style-rule: (grocery. P n g); }
B) ul { list-style-image: url(grocery. P n g); }
C) ul { list-style-type: image(grocery. P n g); }
D) { list-style-type: (grocery. P n g) ; }
A) uli { image-style-rule: (grocery. P n g); }
B) ul { list-style-image: url(grocery. P n g); }
C) ul { list-style-type: image(grocery. P n g); }
D) { list-style-type: (grocery. P n g) ; }
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
13
If one wants to format the content in the div id="container" section, then #container should be used as a(n) _____.
A) declaration
B) anchor
C) definition
D) selector
A) declaration
B) anchor
C) definition
D) selector
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
14
The declaration _____ indicates that the primary font that the browser tries to use is the Cambria font.
A) font-family: Cambria;
B) font-family: "serif", Times New Roman, Cambria;
C) font-family: Cambria, "Times New Roman", serif;
D) font-family: pr, "Times New Roman", serif;
A) font-family: Cambria;
B) font-family: "serif", Times New Roman, Cambria;
C) font-family: Cambria, "Times New Roman", serif;
D) font-family: pr, "Times New Roman", serif;
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
15
_____ elements are displayed without line breaks so they flow within the same line.
A) Inline
B) Header
C) Block
D) Nav
A) Inline
B) Header
C) Block
D) Nav
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
16
The hexadecimal value 0000FF specifies a _____.
A) color that is a mixture of red and green
B) pure blue color
C) color that is a mixture of blue and green
D) pure green color
A) color that is a mixture of red and green
B) pure blue color
C) color that is a mixture of blue and green
D) pure green color
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
17
The span tag (span) and the anchor tag (a) are examples of _____ elements.
A) header
B) inline
C) block
D) nav
A) header
B) inline
C) block
D) nav
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
18
The _____ separates the padding and the margin of a block element.
A) header
B) footer
C) separator
D) border
A) header
B) footer
C) separator
D) border
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
19
Style sheets are said to _____ because each type of style has a specified level of precedence in relationship to the others.
A) embed
B) cascade
C) merge
D) unite
A) embed
B) cascade
C) merge
D) unite
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
20
The _____ property rounds the corners of a block element's border.
A) border
B) border-style
C) border-radius
D) box-shadow
A) border
B) border-style
C) border-radius
D) box-shadow
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
21
The best practice is to apply an inline style sheet when one wants to change the style of one page.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
22
One of four values--left (the default), center, right, or justify--can be used by the _____ property.
A) display
B) margin-padding
C) text-align
D) box-shadow
A) display
B) margin-padding
C) text-align
D) box-shadow
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
23
To style the div id="container" element, _____ is used as the selector.
A) .container
B) #container
C) :container
D) %container
A) .container
B) #container
C) :container
D) %container
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
24
When a Cascading Style Sheets (CSS) document is _____, it confirms that all of the code is correct and follows the established rules for CSS.
A) authenticated
B) compiled
C) pipelined
D) validated
A) authenticated
B) compiled
C) pipelined
D) validated
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
25
The _____ property allows the positioning of an element to the right or left of other elements.
A) display
B) margin
C) text-align
D) float
A) display
B) margin
C) text-align
D) float
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
26
The style rule used to set the same font family property and values for the header, nav, and footer elements is _____.header, nav, footer font-family/Calibri, Arial, sans-serif;
A) { font-family: Calibri, Arial, sans-serif; }
B) header, nav, footer Calibri, Arial, sans-serif;
C) header, nav, footer { font-family: Calibri, Arial, sans-serif; }
D) {header, nav, footer}
A) { font-family: Calibri, Arial, sans-serif; }
B) header, nav, footer Calibri, Arial, sans-serif;
C) header, nav, footer { font-family: Calibri, Arial, sans-serif; }
D) {header, nav, footer}
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
27
The declaration of a Cascading Style Sheets (CSS) rule includes at least one property to apply to the selected element.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
28
The _____ attribute of a link element uses the stylesheet value to indicate that a document is linked to a style sheet.
A) rel
B) lnk
C) href
D) span
A) rel
B) lnk
C) href
D) span
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
29
The correct representation of a Cascading Style Sheets (CSS) comment is _____.
A) //* Place your comment here *//
B) * Place your comment here *
C) /* Place your comment here */
D) */ Place your comment here /*
A) //* Place your comment here *//
B) * Place your comment here *
C) /* Place your comment here */
D) */ Place your comment here /*
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
30
Using the _____ property, to center all of the elements so that a page appears centered within a browser window, one should create styles to set the left and right margins to auto.
A) display
B) margin
C) text-align
D) box-shadow
A) display
B) margin
C) text-align
D) box-shadow
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
31
With a(n) _____ style, one adds a style to the start tag for an element.
A) embedded
B) inline
C) semantic
D) external
A) embedded
B) inline
C) semantic
D) external
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
32
The first version of Cascading Style Sheets (CSS) included styles to control the positioning of elements.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
33
_____ can provide additional information about the area where styles are applied or other helpful explanations, such as what the styles do.
A) Header notes
B) Comments
C) Wraps
D) Footer notes
A) Header notes
B) Comments
C) Wraps
D) Footer notes
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
34
When errors are detected in a Cascading Style Sheets (CSS) file, the _____ provides information about the location of each error so that one can identify and correct them.
A) validator
B) evaluator
C) compiler
D) decoder
A) validator
B) evaluator
C) compiler
D) decoder
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
35
External styles defeat the purpose and advantages of separating style from content, so they should be used sparingly.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
36
The _____ property can be used to remove the float effect if one does not want text to wrap around an image.
A) display
B) padding
C) text-align
D) clear
A) display
B) padding
C) text-align
D) clear
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
37
An _____ style takes precedence over other styles defined in a style sheet.
A) embedded
B) external
C) inline
D) internal
A) embedded
B) external
C) inline
D) internal
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
38
Identify the rule that centers an h1 element.
A) h1 { text-align: center; }
B) text-align: center ;
C) { align: center; }
D) h1 { align: center; }
A) h1 { text-align: center; }
B) text-align: center ;
C) { align: center; }
D) h1 { align: center; }
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
39
To create a class selector, the style rule should begin with a _____ followed by the class attribute value.
A) semicolon
B) comma
C) period
D) hash tag
A) semicolon
B) comma
C) period
D) hash tag
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
40
Using _____ as the value for the list-style-position property displays the bullet or number within the list's content block.
A) inside
B) padded
C) parallel
D) composed
A) inside
B) padded
C) parallel
D) composed
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
41
Block elements can contain inline elements.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
42
An external style sheet is used when one wants to create styles for a single webpage that are different from the rest of the website.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
43
The selector of a Cascading Style Sheets (CSS) rule defines the exact formatting of a style.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
44
In h1 Special Note/h1, the _____ is everything between the quotation marks.
A) tagging note
B) embedded style tag
C) style rule
D) marked-up text
A) tagging note
B) embedded style tag
C) style rule
D) marked-up text
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
45
External style sheets do not contain any Hypertext Markup Language (HTML) tags.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
46
The color code for white in the RGB (Red, Green, Blue) notation is rgb(0,0,0).
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
47
Websites developed with Hypertext Markup Language (HTML) 5 alone can be functional, but they lack the important element of visual appeal.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
48
After a Cascading Style Sheets (CSS) file is created, it must be linked to all the webpages that will use its styles.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
49
Style sheets restrict a web designer from easily rebranding a website.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
50
An embedded style sheet takes precedence over an external style sheet.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
51
The nav element is used to group inline elements.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
52
For the border-style property, the horizontal and vertical offset measurements must be specified.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
53
In the context of style sheet precedence, external styles beat embedded styles and embedded styles beat inline styles.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
54
According to the World Wide Web Consortium (W3C), with Hypertext Markup Language (HTML) 5, using the type attribute within a link element is essential.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
55
If a website template is linked to a style sheet file, then any new pages created from the template will already be linked to the style sheet.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
56
The sides of the Cascading Style Sheets (CSS) box model are referred to in counterclockwise order: left, right, bottom, and top.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
57
An id descriptor uses the id attribute value of a Hypertext Markup Language (HTML) element to select a single element.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
58
When a style is changed in an embedded stylesheet, it automatically applies the change to every page linked to that style sheet.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
59
To style class="mobile", #mobile must be used as the selector.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
60
An internal style sheet is also known as a(n) _____ style sheet.
A) embedded
B) sequential
C) inline
D) insync
A) embedded
B) sequential
C) inline
D) insync
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
61
Match between columns
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
62
Applying a shadow to website elements diminishes design quality.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
63
Explain why style sheets were created. Include in your response definitions of the following terms: style, Cascading Style Sheets, inline style, embedded style sheet, and external style sheet.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
64
Explain the Cascading Style Sheets (CSS) box model. Include descriptions of the margin, border, and padding along with examples in the explanation.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
65
The justify value of the text-align property is used to center content within an element.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
66
If you float an element, neighboring elements will also be affected by the float.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
67
Explain the formatting task involving the creation of style rules for Hypertext Markup Language (HTML) 5 structural elements.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
68
An embedded style sheet includes the style sheet within the _____ tags of the HTML document.
A) body> and B) head> and C) html> and D) style> and
A) body> and B) head> and C) html> and D) style> and
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
69
Header, nav, main, and footer are all examples of block elements.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
70
Jenny decides to create an individual webpage for displaying the types of appliances manufactured by the company. She wants to give this webpage a style that is different from the rest of the website. Which of the following Cascading Style Sheets (CSS) styles should Jenny use if she wants to set the background color for the body section to green for the current webpage alone?
A) external
B) inline
C) embedded
D) linked
A) external
B) inline
C) embedded
D) linked
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
71
Jenny wants to enhance the look of the webpage by formatting individual sections of the webpage. Which of the following Cascading Style Sheets (CSS) styles should Jenny use so that the style changes the content marked up by a specific pair of tags but does not affect other content in the document?
A) external
B) internal
C) embedded
D) inline
A) external
B) internal
C) embedded
D) inline
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
72
The valid values for the float property are top and bottom , indicating where to display (or float) the element.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
73
A(n) _____ style sheet is a CSS file that contains all of the styles you want to apply to more than one page in the website.
A) embedded
B) disc
C) inline
D) external
A) embedded
B) disc
C) inline
D) external
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
74
While creating style rules for Hypertext Markup Language (HTML) 5 structural elements, all the structural sections should be formatted using the display property.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
75
The code:headtitleMy Website/titlestylebody { background-color: green; } /style /headexemplifies a(n) _____ style sheet where the style rule is placed between the opening style and closing /style tags.
A) embedded
B) external
C) inline
D) linked
A) embedded
B) external
C) inline
D) linked
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
76
The default value for the list-style-position property is inside, which displays the list item with a bullet or number inside the list's content block.
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck
77
An external style sheet is also called a(n) _____ style sheet.
A) embedded
B) insync
C) inline
D) linked
A) embedded
B) insync
C) inline
D) linked
Unlock Deck
Unlock for access to all 77 flashcards in this deck.
Unlock Deck
k this deck