Deck 4: Cascading Style Sheets 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
Unlock Deck
Sign up to unlock the cards in this deck!
Unlock Deck
Unlock Deck
1/29
Play
Full screen (f)
Deck 4: Cascading Style Sheets Css
1
How will the following CSS rule alter the web page if it is applied in a style sheet
H1 { font-family: Arial, sans-serif }
A) All text in h1 elements will have the Arial font, while text in other elements will use a sans-serif font.
B) All text in h1 elements will have use a sans-serif font, while text in other elements will use Arial.
C) All text in h1 elements will have the Arial font if sans-serif is not supported by the system.
D) All text in h1 elements will use a sans-serif font if Arial is not supported by the system.
H1 { font-family: Arial, sans-serif }
A) All text in h1 elements will have the Arial font, while text in other elements will use a sans-serif font.
B) All text in h1 elements will have use a sans-serif font, while text in other elements will use Arial.
C) All text in h1 elements will have the Arial font if sans-serif is not supported by the system.
D) All text in h1 elements will use a sans-serif font if Arial is not supported by the system.
D
2
If an element's position is declared as absolute then ________ .
A) positioning of the element is handled by the browser
B) positioning is handled by the normal flow of elements on the page
C) positioning is set according to the margins of its parent element
D) positioning is handled by relative positioning
A) positioning of the element is handled by the browser
B) positioning is handled by the normal flow of elements on the page
C) positioning is set according to the margins of its parent element
D) positioning is handled by relative positioning
C
3
Which of the following is an example of an inline element
A) span
B) img
C) em
D) All of the above
A) span
B) img
C) em
D) All of the above
D
4
To which text does the following CSS rule apply:
Li em { color: red;
Font-weight: bold }
A) < li >< em >text< /em >< /li >
B) < li >text< /li > and < em >text< /em >
C) both a and b
D) neither a nor b
Li em { color: red;
Font-weight: bold }
A) < li >< em >text< /em >< /li >
B) < li >text< /li > and < em >text< /em >
C) both a and b
D) neither a nor b
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
5
Which of the following settings for a background image can be modified to create a "watermark" effect where scrolling will not move the image from its set position.
A) background-image
B) background-position
C) background-repeat
D) background-attachment
A) background-image
B) background-position
C) background-repeat
D) background-attachment
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
6
Multiple CSS rule properties in style sheets are separated by a ________.
A) dot
B) CSS operator
C) colon
D) semicolon
A) dot
B) CSS operator
C) colon
D) semicolon
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
7
To which text does the following CSS rule apply:
Li, em { color: red;
Font-weight: bold }
A) < li >< em >text< /em >< /li >
B) < li >text< /li >
C) < em >text< /em >
D) all of the above
Li, em { color: red;
Font-weight: bold }
A) < li >< em >text< /em >< /li >
B) < li >text< /li >
C) < em >text< /em >
D) all of the above
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
8
Style sheets use which of the following MIME types
A) image/gif
B) text/javascript
C) text/css
D) text/html
A) image/gif
B) text/javascript
C) text/css
D) text/html
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
9
The hover pseudo-class allows you to change to an element's style in which situation
A) When the mouse is over the element
B) When the mouse moves off of the element
C) When the mouse is to the left of the element
D) None of the above
A) When the mouse is over the element
B) When the mouse moves off of the element
C) When the mouse is to the left of the element
D) None of the above
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
10
________ allow you to specify the style of your page elements (spacing, margins, etc.) separately from the structure of your document.
A) Filters
B) Style declarations
C) Cascading Style Sheets
D) Text flows
A) Filters
B) Style declarations
C) Cascading Style Sheets
D) Text flows
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
11
________ are declared in each individual HTML5 element using the style attribute.
A) Cascading style sheets
B) Inline styles
C) External styles
D) User style sheets
A) Cascading style sheets
B) Inline styles
C) External styles
D) User style sheets
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
12
When using the width, height and overflow properties of an element, position can be ________.
A) absolute
B) relative
C) both a and b
D) none of the above
A) absolute
B) relative
C) both a and b
D) none of the above
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
13
In the body of a style sheet, a CSS property is separated from its value by a ________.
A) dot
B) CSS operator
C) colon
D) semicolon
A) dot
B) CSS operator
C) colon
D) semicolon
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
14
In which of the following do you set the MIME type of the external style sheet
A) < link >< /link >
B) < style >< /style >
C) < a >< /a >
D) < mime >< /mime >
A) < link >< /link >
B) < style >< /style >
C) < a >< /a >
D) < mime >< /mime >
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
15
An example of the proper format for inline styles is:
A) < p style = "font-size = 20pt" >
B) < p font-style = "20pt" >
C) < p style: "font-size = 20pt" >
D) < p style = "font-size: 20pt" >
A) < p style = "font-size = 20pt" >
B) < p font-style = "20pt" >
C) < p style: "font-size = 20pt" >
D) < p style = "font-size: 20pt" >
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
16
External style sheets are saved with the ________ extension.
A) )html
B) )txt
C) )css
D) )txtcss
A) )html
B) )txt
C) )css
D) )txtcss
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
17
Which of the following is not a relative-length measurement
A) 1.5em
B) 20px
C) 12pt
D) 5ex
A) 1.5em
B) 20px
C) 12pt
D) 5ex
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
18
Which is not a valid value for the background-position property
A) left
B) ontop
C) right
D) center
A) left
B) ontop
C) right
D) center
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
19
Setting the width property to 10em will create an element that has a width that is ________.
A) size 10pt
B) 10 times smaller than the font size
C) 10 times larger than the font size
D) italicized and 10 pt in size
A) size 10pt
B) 10 times smaller than the font size
C) 10 times larger than the font size
D) italicized and 10 pt in size
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
20
Which of the following selections is the proper way to apply this CSS rule:
)blue { color: blue }
A) < p color = "blue" >
B) < p class = "blue" >
C) < p color = .blue >
D) < p class = .blue >
)blue { color: blue }
A) < p color = "blue" >
B) < p class = "blue" >
C) < p color = .blue >
D) < p class = .blue >
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
21
Which of the following is not a media type
A) print
B) oral
C) handheld
D) screen
A) print
B) oral
C) handheld
D) screen
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
22
The ________ property specifies the distance from other page elements.
A) padding
B) border
C) margin
D) float
A) padding
B) border
C) margin
D) float
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
23
What is the default value of the display property for a div element
A) inline
B) block
C) hidden
D) none
A) inline
B) block
C) hidden
D) none
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
24
What does the following CSS rule do
)note { font-size: 1.5em }
A) It calls the method note for all objects with the argument of 1.5 pixels.
B) It multiplies all text element font sizes with the value 1.5.
C) It multiplies all text element font sizes within < style > tags by 1.5.
D) It multiplies all text element font sizes with class = "note" by 1.5.
)note { font-size: 1.5em }
A) It calls the method note for all objects with the argument of 1.5 pixels.
B) It multiplies all text element font sizes with the value 1.5.
C) It multiplies all text element font sizes within < style > tags by 1.5.
D) It multiplies all text element font sizes with class = "note" by 1.5.
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
25
If an author and a user both define absolute measurements, the CSS specification gives precedence to ________.
A) author styles over user styles
B) user styles over author styles
C) neither author styles nor user styles
D) both author styles and user styles
A) author styles over user styles
B) user styles over author styles
C) neither author styles nor user styles
D) both author styles and user styles
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
26
Which of the following is not a border property
A) border-width
B) border-style
C) border-shape
D) border-color
A) border-width
B) border-style
C) border-shape
D) border-color
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
27
We define styles for all media types with the declaration ________.
A) #media screen
B) @media screen
C) #media all
D) @media all
A) #media screen
B) @media screen
C) #media all
D) @media all
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
28
The ________ is the distance between the content inside an element and the inside of its border.
A) padding
B) border
C) margin
D) float
A) padding
B) border
C) margin
D) float
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck
29
An HTML5 document has a div with class = "fade" that contains an a element. What is the effect of the style rule div.fade:hover a {display:none}
A) It causes the link to disappear when the mouse moves over the link.
B) It causes the div to disappear when the mouse moves over the div.
C) It causes the link to disappear when the mouse moves over the div.
D) It causes the div to disappear when the mouse moves over the link.
A) It causes the link to disappear when the mouse moves over the link.
B) It causes the div to disappear when the mouse moves over the div.
C) It causes the link to disappear when the mouse moves over the div.
D) It causes the div to disappear when the mouse moves over the link.
Unlock Deck
Unlock for access to all 29 flashcards in this deck.
Unlock Deck
k this deck