CSS Quiz # 14

Which of the following is invalid ?

.selector { background-image: content("image.png"); }

.selector { background-image: url("image.png"); }

.selector { background-image: url(image.png); }

.selector { content: url("image.png"); }

.selector { background: url("image.png"); }

Which list-style-type property renders a filled circle?

square

circle

disc

What does the following mean: ul[id^="name-here"]

target any <ul> with an ID that ends with 'name-here'

target any <ul> with an ID similar to 'name-here'

target any <ul> with an ID that starts with 'name-here'

target any <ul> with an ID that contains 'name-here'

What has the greatest specificity?

h2.foo {color: blue;}

#footer {background: white;}

div strong {font-weight: bolder;}

*.foo tr:first-child {background: black;}

When styling links, a:active must come _____ a:hover.

before

after

What property defines whether background images scroll along with the element when the document is scrolled?

background-attachment

main-bg-scroll

background-scroll

bg

bg-move

What is the cascading order (from lowest to highest priority) when there are multiple styles specified for an HTML element?

1) browser default, 2) external style sheet, 3) internal style sheet (in the head section), 4) inline style (inside an HTML element)

1) browser default, 2) inline style (inside an HTML element), 3) internal style sheet (in the head section), 4) external style sheet

1) internal style sheet (in the head section), 2) inline style (inside an HTML element), 3) browser default, 4) external style sheet

1) external style sheet, 2) internal style sheet (in the head section), 3) inline style (inside an HTML element), 4) browser default

1) inline style (inside an HTML element), 2) internal style sheet (in the head section), 3) external style sheet, 4) browser default

What would the following do? tr:nth-child(2n){background-color: red; }

Changes the background color of every even number table row to red

Changes the text color of ONLY the second row in a table to red

Changes the text color of every even number table row to red

Changes the background color of ONLY the second row in a table to red

Is invalid CSS

What is the default align for <tfoot>?

right

left

justify

none

In which position it will be calculated from the upper left corner of the parent layer?

position:absolute

position:relative

What is absolute positioning?

When an element is positioned in a natural location in a page's flow.

When an element is positioned relative to the browser window.

When an element is positioned relative to the first parent element that has a position other than static.

When an element is positioned using only z-index positioning.

Which of the following is correct for the word-wrap Property?

p.test {word-wrap:break-text;}

p.test {word:wrap-text;}

p.test {word-wrap:break;}

p.test {word-wrap:break-word;}

p.test {word-wrap:wrap;}

True or False: The :first-line pseudo-element applies special styles to the contents of all but the first formatted line of a paragraph.

True

False

Which one is not a correct value of clear property?

clear:inherit;

clear:left;

clear:none;

clear:all;

clear:both;

If an element appears before a floated element that element will...

float to the bottom

not be affected.

float to the center

float to the top

float around it

Which properties allow specifying the formatting rules for the textual content on a Web page?

CSS texting

None

CSS textual

CSS text

Which of these is not a valid generic font-family?

fantasy

monospace

handwriting

serif

sans-serif

Which CSS code is used to wrap a long unbroken text to prevent it from expanding outside the parent container?

.selector{word-wrap: break-word;}

.selector{word-wrap: word-wrap;}

.selector{word: word-wrap;}

.selector{word-wrap: break;}

Which of the following is correct for specifying the print media type?

@media-screen: print { p.test { ... } }

@media print { p.test { ... } }

@media-type: print { p.test { ... } }

@media-print { p.test { ... } }

When using the font-family property which of the following is typically NOT the last font listed?

comic sans

monospace

sans-serif

serif

What is the effect of using a negative number in a padding declaration? Example: p {padding-top: -10px;}

Same as padding-top: 0px;

same as padding-top: 10px;

Same as position: absolute; top: -10px;

Same as margin-top: -10px;

What is the adjacent sibling selector?

*

-

+

:

>

What is the default value of position: ?

fixed

inherit

relative

absolute

static

Which vertical-align value is not correct?

vertical-align: super

vertical-align: bottom

vertical-align: sub

vertical-align: text-base

In which position will be calculated from that exact spot in the middle of your page where it was added?

position:absolute

position:relative

Which of the following properties is MOST likely to increase the amount of time it takes the browser to repaint?

color

box-shadow

border-width

font-weight

opacity

If the link to the external css is placed after the embedded css in the <head>...

the external styles will override the embedded styles.

the embedded css will override the external styles.

Which of the following is correct CSS syntax for using font property?

<p style="font: italic, bold, 15px;"> ................ </p>

None of these

<p style="font-style: italic font-weight: bold font-size: 15px;"> ................... </p>

<p style="font: italic bold 15px;"> ....................... </p>

Which value of display property is NOT valid?

display: inline-caption;

display: inline-table;

display: table-row;

display: table-row-group;

display: list-item;

How can you blur text?

.blur { color: black; font-shadow: 0 0 5px rgba(0,0,0,0.5); }

.blur { color: transparent; webkit-shadow: 0 0 5px rgba(0,0,0,0.5); }

.blur { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5); }

.blur { color: black; text-shadow: 0 0 5px rgba(0,0,0,0.5); }