CSS Quiz # 8

Which is the correct syntax of the CSS?

<p "style=font-size:14pt"> Welcome to teds-india.</p>

<p style=font-size:"14pt"> Welcome to teds-india.</p>

<p style="fontsize:14pt"> Welcome to teds-india.</p>

<p style="font-size:14pt"> Welcome to teds-india.</p>

How do you specify 30% opacity in CSS (ignoring IE)?

opacity: 0.7

opacity: 0.3

opacity: 70%

opacity: 30%

What is the correct shorthand syntax for a border?

border: 1px rounded #777;

border: 1px solid #777;

border: 1px solid #77;

border: 1px 1px solid #777;

How will this display: margin: 10px 5px;

Top: 10px, right: 10px, bottom: 5px, left: 5px

Top: 10px, left: 10px, bottom: 5px, right:5px

Bottom: 10px, right: 10px: top: 5px, left: 5px

Top: 5px, right: 10px, bottom: 5px, left: 10px

Top: 10px, right: 5px, bottom:10px, left:5px

Which are the two main parts of a CSS rule?

Only Selector

Selector and Example

Design and Definition

Selector and Declaration

p { width:220px; padding:10px; border:5px solid gray; margin:0px; } The total width of an element is calculated like this:

Total element width = width + right padding + right border + right margin

Total element width = width + left padding + left border + left margin

Total element width = width + left padding + right padding + left border + right border + left margin + right margin

How do you hide an element and remove it from the document flow?

Add "display: none" to your style sheet rule.

Add "visibility: hidden" to your style sheet rule.

Add "image: hide" to your style sheet rule.

Add "visibility: invisible" to your style sheet rule.

Add "display: hide" to your style sheet rule.

Which of the following defines the boundary within the element box against which background-image positioning is calculated?

mailorigin

background-origin

image-origin

bg-origin

What does the pseudo class last-child do?

targets the last element on the style sheet

selects the last element in a targeted parent element.

selects the last element on the page

Which HTML tag is used to define an embedded style sheet?

<embed>

<style>

<script>

<css>

CSS comments are inserted inside .

/*..................*/

//...................//

All of them

<!..................>

What css selctor Selects every <p> element that is the last child of its parent?

p:last-children

p:last-child

p:last-parent-child

p:last-child-parent

On which side will there be a 20px padding given the following declaration: padding: 30px 15px 20px 10px;

right

bottom

left

top

What property is used to specify the indentation of the first line of a text?

text-indent

text-format-indentation

text-decorate

text-transform

What do the Greater Than sign > indicate in CSS

Selects the next element

Selects the last element

Select the child of the element it follows

Selects the previous element

Setting the left and right margins to auto specifies that they should split the available margin equally, resulting in...

an element to the right side

an element to the right of center

an element to the left side

a centered element

an element to the left of center

What css selector selects all <p> elements that are contained inside of an element with an ID of 'content'?

#content < p

#content [p]

#content p

#content 'p'

#content <p>

What are the three methods for using style sheets with a web page?

Save as .css extension, Save as .css3 extension, Save as .style extension

Handcoded, Generated or WYSIWYG

Dreamweaver, GoLive or FrontPage

Inline, embedded or document level and external

Which property is used to horizontally align the text in the table?

text-align

horizontal-align

vertical-align

What attribute is NOT required when using the <link> tag?

head

rel

href

type

In CSS, the term "box model" is used when talking about?

html

shipping and receiving

design and layout

forms and fields

Which of the following characters is used to begin a css declaration block?

None of these

(

#

{

.

Which of the following css declarations would style hyperlinks using sans-serif fonts?

body: font-family: "lucida sans unicode", sans-serif

a:link {font-family: "times new roman", serif;}

paragraph {font-family: "lucida sans unicode", sans-serif;}

a:link {font-family: "lucida sans unicode", sans-serif;}

What is the correct pseudo-class for modifying only the first element of a selector?

:1st

:first-element

:first-child

:first-of-type

Which concept uses the CSS from which implies that every HTML element is a box?

table model

frame model

box model

True or False : CSS class name starting with a number is supported by all browsers.

False

True

What property can be used to turn everything into uppercase or lowercase letters, or capitalize the first letter of each word?

capitalize

text-transform

transformation

all-text

Which part of the box, where text and images appear?

Padding

Margin

Content

Border

How do you make a list that lists its items with squares?

type: square

list-style-type: square

list-type: square

Which is the correct syntax for referring to a pseudo-class?

:hover

#hover

hover

.hover