Deck 4: Cascading Style Sheets Css

Question 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.

Answer 1

D

Question 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

Answer 2

C

Question 3

Which of the following is an example of an inline element

A) span
B) img
C) em
D) All of the above

Answer 3

D

Question 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

Question 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

Question 6

Multiple CSS rule properties in style sheets are separated by a ________.

A) dot
B) CSS operator
C) colon
D) semicolon

Question 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

Question 8

Style sheets use which of the following MIME types

A) image/gif
B) text/javascript
C) text/css
D) text/html

Question 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

Question 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

Question 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

Question 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

Question 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

Question 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 >

Question 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" >

Question 16

External style sheets are saved with the ________ extension.

A) )html
B) )txt
C) )css
D) )txtcss

Question 17

Which of the following is not a relative-length measurement

A) 1.5em
B) 20px
C) 12pt
D) 5ex

Question 18

Which is not a valid value for the background-position property

A) left
B) ontop
C) right
D) center

Question 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

Question 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 >

Question 21

Which of the following is not a media type

A) print
B) oral
C) handheld
D) screen

Question 22

The ________ property specifies the distance from other page elements.

A) padding
B) border
C) margin
D) float

Question 23

What is the default value of the display property for a div element

A) inline
B) block
C) hidden
D) none

Question 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.

Question 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

Question 26

Which of the following is not a border property

A) border-width
B) border-style
C) border-shape
D) border-color

Question 27

We define styles for all media types with the declaration ________.

A) #media screen
B) @media screen
C) #media all
D) @media all

Question 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

Question 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.