CSS Quiz # 12

What does the following selector do: element[foo]

Matches only elements without the foo attribute set.

Matches only one element with the foo attribute set.

Matches any element without a foo attribute.

Matches any element with the foo attribute set.

What is the CSS shorthand to set a borders top to 10, bottom to 5, left to 20 and right to 1 pixel?

border: 5px 20px 10px 1px;

border: 10px 5px 20px 1px;

border: 10px 1px 5px 20px;

border: 10px 20px 5px 1px;

Fonts such as Times New Roman which have spaces in between must be wrapped inside ______

Round Brackets

Quotation Mark

Curly Braces

Triangular Brackets

The elements after the floating element will...

not be affected

be deleted

flow around it

move a way from it

clear

Which values can be used to set text direction?

mltr and mrtl

ltr and rtl

ttr and btr

None

What are the correct values for "float" property?

left, right, top, bottom

left, right

left, right, all

left, right, none

Which element is a block element?

All

<p>

<h1>

<ul>

<div>

Which of the following is true for the max-width property?

Set the maximum width of a paragraph with the following: p { max-width:full; }

The max-width sets the width of the table border to another border.

The max-width property does not include padding, borders, or margins.

What is the purpose of line-height?

Set the height of the html hr tag.

All of these.

Set the height for each line of text in an html element.

To vertical align text in an html element.

When determining hexadecimal colors, which value is the highest?

ff

00

zz

99

Which of the following elements will be matched by the CSS selector: div[class*="foo"] ?

<div class="foobar"> ... </div>

<div class="baz-foo"> ... </div>

<div class="foo"> ... </div>

All of these elements will be matched.

The pseudo selector ":nth-child(2n)" can also be written as:

:nth-child(odd)

:nth-child(even)

:nth-child(everysecond)

:nth-child(second)

Which of the following color values is invalid?

#abcdef

rgb(1, 2, 3)

#f00

transparent

They're all valid.

Which value of the border style property can look as though it were embedded in the canvas?

inset

groove

hidden

ridge

Which of the following elements will be matched by this CSS selector: div[class|="foo"] ?

<div class="foo"> ... </div>

<div class="foo-bar"> ... </div>

All of these elements will be matched.

<div class="foo-bar foo-baz"> ... </div>

Which property is used to specify typefaces ?

font-name

font-type

font-face

font-family

What does the outline-offset property do?

Both of the other answers are correct.

Offsets an outline

Draws an outline beyond the border edge.

The First step of transition is

transition-timing-function

transition-duration

transition-property

transition-delay

Select the correct value to set the background to silver for even rows.

tr:nth-child(2) {background: silver;}

tr:nth-child(2n) {background: silver;}

tr:even {background: silver;}

tr:nth-child(1) {background: silver;}

Which of these is NOT a CSS pseudo-class?

a:blur

a:hover

input:focus

a:active

p:after

Which would you use to write shorthand css to affect the outline properties?

outline

outline-total

all of these

outline-all

Which of the following tells the browser where you want to apply the rule?

Main

Selector

Property

Body

Value

how to set multiple images in background through css

background-image: url(xyz.png) url(a2z.png);

background-image: url(xyz.png); background-image:url(a2z.png);

background-image= url(xyz.png) > url(a2z.png);

background-image: url(xyz.png), url(a2z.png);

background:image= url(a2z.png), url(xyz.png);

What does the following declaration accomplish? div{background-color: rgba(255,255,255,0.8); }

It sets a light gray background with a transparency of 80% to the div element and its children.

It sets a dark gray background to the div element.

Nothing: this declaration is not supported in Webkit browsers.

It sets a white background with a transparency of 80% to the div element.

It sets a black background with a transparency of 80% to the div element.

The following is an example of which type of CSS selector? E > F

Parent selector

Adjacent selector

Child selector

Sibling selector

Where will a block level element appear in relations to the previous element in the document (by default)?

Below the previous element

Alongside the previous element

Above the previous element

On top of the previous element

The box model consists of which of the following:

HTML, CSS, and Javascript

width, height, border, and length

margins,borders, padding, and the actual content

div and table

display, visibility, position, and z-index

What does "Cascading" in CSS refer to?

The way elements of a document can "cascade" by being moved on the page

A series of independent rules to control document style

The hierarchy of rules which determines how element properties are inherited

Separates a document's content from its display rules

To ensure consistent behavior when the user resizes text, font-size should be declared in units of:

percent

em

px

pt

Which of the following specifies what the style actually does?

selector

class

properties

id