Odesk Css Tests Questions

Question 1:

Which of the following is true for a class selector?

1. It uses a hash as the separator symbol
2. It applies the style to only the first element defined with that style
3. It applies the style to only the last element defined with that style
4. It applies the style to all the elements defined with that style

Question 2:

Which of the following does not apply to external styles?

1. Clean separation of design & content
2. Minimal code duplication
3. Highest priority
4. Reduces page download time

Question 3:

Read the following Code:

BODY {

Background: white url(“bar.gif”);

Background-repeat: repeat-y;

Background-position: center;

}

What will be the output of this code?

1. Image bar.gif will be tiled vertically in the background in the center of the page.
2. Image bar.gif will be tiled horizontally in the background in the center of the page
3. Image bar.gif will be displayed in the center of the page
4. Image bar.gif will be stretched in the center of the page

Question 4:

Which of the following is not a valid text-decoration option?

1. Text-decoration :line-through
2. Text-decoration :in-line
3. Text-decoration :overline
4. Text-decoration :underline
5. Text-decoration :none

Question 5:

You defined some links as follows:

A:link{color:green}

A:visited{color:blue}

A:hover{color:red)

A:active{color:black}

What will be the color, when the mouse goes over a link?

1. Green
2. Blue
3. Red
4. Black

Question 6:

The following is a style definition:

Td#aln

{text-align:center;

color:blue}

How will you refer to this style in your web page?

a         by using the class attribute in a td cell

b         by using the id Attribute in a td cell

c         by using the class attribute in any html element which supports the class attribute

d         by using the id attribute in any html element which support the id attribute

Question 7:

Which of the following is not a valid property of an aural style sheet?

1. Cue
2. Voice-family
3. Load
4. Speak

Question 8:

Your website displays some articles on java programming. The articles contain blocks of java code as well. If you want to leave ‘1 cm’ space above and below the code blocks, you would use:

1. Code{margin:1cm}
2. Code{margin-top:1cm; margin-bottom:1cm}
3. P{margin:1cm}
4. P{margin-top:1cm; margin-bottom:1cm}

Question 9:

                        Text text text text

                        A      Text text

                        Sentence text text

                        Inside text text

                        A         text ext

                        Text     text text

                                Text text

                        Text text text text

You have and article of 100 lines. If for instance, you want to describe the theme with a few lines inside the text highlighted separately as show in the image which of the following property will you use?

1. Outline
2. Display
3. Float
4. Merge

Question 10:

You are fetching customer names from a database. The names in the database are mostly in lowercase. What is the name of the text property which will facilitate capitalization of these names?

1. Text-mode
2. Text-transform
3. Text-decoration
4. Text-shadow
5. Text-case

Question: 11;

Here is one of the styles defined in your webpage:

.redborder

{

border-color:#ff0000;

border-width:thin thick

}

What type of border will be displayed if one of the paragraphs defined in the webpage uses this style?

1. This will display a red border with thin top and bottom
2. This will display a red border with thick top and bottom
3. This will display a red border with thick left and right
4. This will not display any border

Question 12:

Which of the following are correct values of the overflow property?

1. Visible
2. Hidden
3. Scroll
4. Auto

Question 13:

Which of the following is correct?

1. Blockquote{text-padding:2em 4em 5em}
2. Blockquote{padding-x:2em 4em 5em}
3. Blockquote{padding-y:2em 4em 5em}
4. Blockquote{padding:2em 4em 5em}

Posted in: Odesk Test Solution