Question 1:Which of the following is true for a class selector?

a. It uses a hash as the separator symbol
b. It applies the style to only the first element defined with that style
c. It applies the style to only the last element defined with that style
d. It applies the style to all the elements defined with that style
Ans:D

Question 2:
Which of the following does not apply to external styles?

a. Clean separation of design & content
b. Minimal code duplication
c. Highest priority
d. Reduces page download time
Ans: C

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?

a. Image bar.gif will be tiled vertically in the background in the center of the page.
b. Image bar.gif will be tiled horizontally in the background in the center of the page
c. Image bar.gif will be displayed in the center of the page
d. Image bar.gif will be stretched in the center of the page
Ans: A

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

a. Text-decoration :line-through
b. Text-decoration :in-line
c. Text-decoration :overline
d. Text-decoration :underline
e. Text-decoration :none
Ans: B

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?

a. Green
b. Blue
c. Red
d. Black
Ans: B

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·
Ans: B

Question 7: Which of the following is not a valid property of an aural style sheet?
a. Cue
b. Voice-family
c. Load
d. Speak
Ans: C
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:

a. Code{margin:1cm}
b. Code{margin-top:1cm; margin-bottom:1cm}
c. P{margin:1cm}
d. P{margin-top:1cm; margin-bottom:1cm}
Ans: B
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?

a. Outline
b. Display
c. Float
d. 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?

a. Text-mode
b. Text-transform
c. Text-decoration
d. Text-shadow
e. Text-case
Ans: B

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?

a. This will display a red border with thin top and bottom
b. This will display a red border with thick top and bottom
c. This will display a red border with thick left and right
d. This will not display any border

Question 12: Which of the following are correct values of the overflow property?
a. Visible
b. Hidden
c. Scroll
d. Auto
Ans: A,B,C,D

Question 13: Which of the following is correct?

a. Blockquote{text-padding:2em 4em 5em}
b. Blockquote{padding-x:2em 4em 5em}
c. Blockquote{padding-y:2em 4em 5em}
d. Blockquote{padding:2em 4em 5em}

Question 14: Which element property is required to define internal styles?

a. Class
b. Style
c. span
d. link
Ans: B

Question 15 Which style property can be used to display only some part of an image?

a. Snap
b. Clip
c. Scroll
d. Visible

Question 16 Which of the following is not true for a style sheet?

a. A style sheet defines how an html element will be displayed
b. Internal and external style sheets can not be used together
c. Multiple style definitions will cascade into one
d. The same style sheet can be used by many html pages
Ans: A

Question 17 Which of the following font properties deals with aspect value?

a. Font-weight
b. Font-variant
c. Font-size-adjust
d. Font-size

Question 18:
Consider this style definition:
P i{color:red}
What do you understand about the contextual selector used above?

a. All the text within a paragraph will be italicized
b. All the italic text in the page will have red color
c. All the page text under
tag and tag will be red
d. All the italic text with in a paragraph will be red

Question 19
Background-position sets the position of the background image what happens if its value is 0% 0%?

a. Image will have zero width and height so it will be hidden.
b. Image will be positioned at the upper left corner.
c. Image will be positioned at the lower right corner
d. None of the above

Question 20: You want to increase the space between the lines in all you paragraphs. What will you use?

a. P{width:1cm}
b. P{height: 1cm}
c. P{line-height:1cm}
d. P{line-width:1cm}
Ans: C

Question 21: The default value for the overflow property is:

a. Scroll
b. Visible
c. Hidden
d. Auto
Ans: C*

Question 22:
Which of the following will set the page size to 8.5 inches x 11 inches with 2cm margin al all sides?
a. @page {width:8.5in;Height:11in; margin:2cm}
b. @page {width:8.5in x 11in; margin:2cm}
c. @page {size:8.5in 11in; margin:2cm}
d. @page {size:8.5in 11in; margin:2cm}

Question 23: Which of the following is not a valid list property?
a. List-style-type
b. List-style-position
c. List-style-image
d. List-style-align

Question 24: Which of the following is not a pseudo class?
a. Link
b. Active
c. Lang
d. Ins

Question 25: Which of the following Statement is correct?

a. When using css, positioning can be absolute, relative or dynamic
b. The float Property for text/images can be left, right or center
c. The values of visibility can be true or False
d. The display Property sets how an element is displayed

Question 26:
The Font “Times New Roman” has an aspect value of 0.46 .What do you understand from this?

a. When font size is set to 46px. The height of the letter ‘x’ will be 100px
b. When font size is set to 100px. The height of the letter ‘x’ will be 46px

Question 27: The font-family property is used to specify a:
a. Family name
b. Generic Family
c. Family name and /or generic Family

Question 28: Paged media differ from continuous media in that the content of the document is divided into one or more pages. When you set the dimensions, which of the following will be applied?

a. The dimensions of the page area are the dimensions of the page box minus the margin area
b. The dimensions of the page area are the dimensions of the page box plus the margin area
c. The dimensions of the page area are the dimensions of the page box and margin area does not affect it.
d. None of the above

Question 29: Which of the following is not a correct keyword value for the display property?

a. Expended
b. Inline-table
c. Table-row
d. Table-column-group

Question 30: Which of the following properties specifies the minimum number of lines of a paragraph that must be left at the bottom of a page?

a. Orphans
b. Widows
c. Bottom
d. Overflow
e. None of the above

Question 31 Which of the following is correct with regard to comments in a style sheet?

a. Comments can appear outside the style definition only
b. Comments start with//
c. Comments end with */
d. Comments are not permitted in a style sheet

Question 32 Which of the following border styles is not correct?
a. Border-style: ridge
b. Border-style : outset
c. Border-style : dotted
d. Border – style : matted

Question 33: How will you display text as a superscript?

a. Vertical-align: super
b. Vertical-align: superscript
c. Vertical-align : top

Question 34
The following is a style definition:

#styl2
{
Color: red;
}

How will you refer to this style in you web pages?
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 supports the id attribute.

Question 35 Which of the following is true for an ID selector?

a. It uses a dot as the separator symbol
b. It applies the style to only the first element defined with that selector
c. It applies the style to only the last elements defined with that selector
d. It applies the style to all the elements defined with that selector

Question 36: Which of the following values are correct for Font-style?

a. Normal, wider, narrower
b. Normal , italic, oblique
c. Normal, bold, lighter
d. Small , medium , large

oDesk CSS 3 Test Questions and Asnwers 2012

Question 1:
Which of the following is true for a class selector?
a.It applies the style to all the elements defined with that styleQuestion 2:
Which of the following does not apply to external styles?
a.Highest priority

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?
a.Image bar.gif will be tiled vertically in the background in the center of the page.

Question 4:
Which of the following is not a valid text-decoration option?
a.Text-decoration :in-line

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?
a.Blue

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?
b by using the id Attribute in a td cell

Question 7:
Which of the following is not a valid property of an aural style sheet?
a.Load

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
a. Code{margin-top:1cm; margin-bottom:1cm}

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?
a. Text-transform

Question 1:Which of the following is true for a class selector?

d. It applies the style to all the elements defined with that style

Question 2:
Which of the following does not apply to external styles?

c. Highest priority

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?

a. Image bar.gif will be tiled vertically in the background in the center of the page.

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

b. Text-decoration :in-line

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?

b. Blue

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?
B. by using the id Attribute in a td cell•

Question 7: Which of the following is not a valid property of an aural style sheet?
c. Load

b. Code{margin-top:1cm; margin-bottom:1cm}

b. Text-transform

Question 12: Which of the following are correct values of the overflow property?
a.            Visible
b.            Hidden
c.            Scroll
d.            Auto
Ans: A,B,C,D

Question 14: Which element property is required to define internal styles?

b. Style

Question 16 Which of the following is not true for a style sheet?

a. A style sheet defines how an html element will be displayed

Question 20: You want to increase the space between the lines in all you paragraphs. What will you use?

c. P{line-height:1cm}

Question 21: The default value for the overflow property is:

c. Hidden

Question 1:
Which of the following is true for a class selector?

a. It applies the style to all the elements defined with that style

Question 2:
Which of the following does not apply to external styles?

a. Highest priority
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?

a. Image bar.gif will be tiled vertically in the background in the center of the page.
Question 4:
Which of the following is not a valid text-decoration option?

a. Text-decoration :in-line
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?

a. Blue
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?

o A. B. by using the id Attribute in a td cell
o C.

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

a. Load
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:

a. Code{margin-top:1cm; margin-bottom:1cm}
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?

a. Text-transform
Question 14:
Which element property is required to define internal styles?

a. Style
Question 16
Which of the following is not true for a style sheet?

a. A style sheet defines how an html element will be displayed
Question 20
You want to increase the space between the lines in all you paragraphs. What will you use?

a. P{line-height:1cm}
01. Question: Which of the following is true for a class selector?
Answer: d. It applies the style to all the elements defined with that style

02. Question: Which of the following does not apply to external styles?
Answer: c. Highest priority
03. Question: 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?
Answer: a.Image bar.gif will be tiled vertically in the background in the center of the page.

04. Question: Which of the following is not a valid text-decoration option?
Answer: Text-decoration :in-line

05. Question: 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?
Answer: b. Blue

06. Question: The following is a style definition:
Td#aln
{text-align:center;
color:blue}
How will you refer to this style in your web page?
Answer: b. by using the id Attribute in a td cell

07. Question: Which of the following is not a valid property of an aural style sheet?
Answer: c. Load

08. Question: 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:
Answer: b. Code{margin-top:1cm; margin-bottom:1cm}

09. Question: 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?
Answer: b. Text-transform

Question 10: Which of the following are correct values of the overflow property?
Answer: a. Visible; b. Hidden; c. Scroll; d. Auto

Question 11: Which element property is required to define internal styles?
Answer: b. Style

Question 12: Which of the following is not true for a style sheet?
Answer: a. A style sheet defines how an html element will be displayed

Question 13: You want to increase the space between the lines in all you paragraphs. What will you use?
Answer: c. P{line-height:1cm}

Question 14: The default value for the overflow property is:
Answer: c. Hidden

Question 1:Which of the following is true for a class selector?

Odesk css-3 test answer

Question_01:
Which of the given options is/are equivalent to the following rule?
DIV { line-height: 1.2; font-size: 10pt }
a.            DIV { line-height: 1.2em; font-size: 10pt }
b.            DIV { line-height: 12em; font-size: 10pt }
c.             DIV { line-height: 120%; font-size: 10pt }
d.            DIV { line-height: 20%; font-size: 10pt }
                e.            DIV { line-height: 80%; font-size: 10pt }
Question_02:
State whether following statement is true or false.
The RGB color model is hardware-specific while the HSL is symmetrical to lightness and darkness.
a.            True
                b.            False

Thanks for the like!

Question_03:
You want to float an image to the top of the next-page. Which of the following styles will help you to achieve the desired result?
a.            img { float: next-page; }
b.            img { float: top-corner next-page; }
c.             img { float: next-page top; }
                d.            b and c
Question_04:
What will be the output of the following rule?
em { color: rgba(0,0,255,1) }
a.            Opacity 1 with solid red color
b.            Opacity 0 with solid blue color
c.             Opacity 0 with solid red color
d.            Opacity 1 with solid blue color
                e.            None of the above
Question_05:
Which of the following properties allow percentages in their value fields?
a.            font-size
b.            font-variant
c.             font-weight
                d.            line-height
Question_06:
Which of the following styles is valid?
a.            border: “none”;
b.            border= “none”;
c.             border: none;
d.            border= none;
                e.            None of the above
Question_07:
Which of the following property doesn’t take up space?
a.            outline
b.            border
                c.             Both a and b
Question_08:
Can a percentage value be given in a ruby-align property?
a.            Yes
                b.            No
Question_09:
The color in three digit RGB notation is #fb0. What will be its equivalent six digit color code?
a.            #fb0fb0
b.            #ffbb00
c.             #fbfb00
                d.            None of the above
Question_10:
backface-visibility:hidden; will this property hide the back side of a transformed div element?
a.            Yes
                b.            No
Question_11:
Which of the following is not a valid value for the font-stretch property?
a.            condensed
b.            normal
c.             semi-narrower
d.            expanded
                e.            semi-expanded
Question_12:
Read the following:
@page rotated {size: landscape}
TABLE {page: rotated; page-break-before: right}
What will this code do?
a.            It will put all tables on a right-hand side landscape page.
b.            It will rotate the page if the table is positioned at the right side.
c.             It will keep the table in the landscape position and rotate the page.
                d.            None of the above
Question:
What is the maximum value that can be given to the voice-volume property?

a.            0
b.            10
c.             100
d.            500
                e.            None of the above
Question:
Consider the following font definition:

font-weight:normal

What is the other way of getting the same result?

a.            font-weight:100
b.            font-weight:900
c.             font-weight:400
                d.            font-weight:700
Question:
For the clear property, which of the following value is not valid?

a.            none
b.            left
c.             right
                d.            top
Question:
Which of the following properties specifies the minimum number of lines of a paragraph that must be left at the bottom of a page?

a.            orphans
b.            widows
c.             bottom
d.            overflow
                e.            None of the above
Question:
What is the problem in the following style sheet?

@import “style.css”;
@media print
{
@import “print-main.css”;
BODY { font-size: 10pt }
}
h1 {color: red }

a.            Two style sheets can’t be included with @import.
b.            The body tag can’t be included inside @media.
c.             @import rule is invalid since it occurs inside a @media block.
                d.            It is valid.
Question:
A/An___________ is defined with ‘grid-columns’, ‘grid-rows’ properties.

a.            Explicit grid
b.            Natural grid
c.             Default grid
                d.            None of the above
Question:
What will happen if the following style declaration is used in the given HTML code?
<style type=”text/css”>
div.container
{
width:38em;
border:1em solid black;
}
div.split
{
box-sizing:border-box;
width:50%;
border:1em silver ridge;
float:left;
}

HTML code:

<div class=”container”>
<div class=”split”>Box 1.</div>
<div class=”split”>Box 2.</div>
</div>

a.            Two boxes will be stacked one on another.
b.            Box 1 will be on the left hand side and Box 2 will be on the right hand side horizontally.
c.             Box 2 will be on the left hand side and Box 1 will be on the right hand side horizontally.
                d.            Both boxes will overlap each other.
Question:
Which of the following are not valid values for the target-new property?

a.            window
b.            tab
c.             none
d.            parent
                e.            current
Question:
State whether the following statement is true or false.

If a parent element display property is set to none, its children too will not be rendered.

a.            True
                b.            False
Question:
Which of the following styles is not valid for an image?

a.            img { float= left }
b.            img { float: left here }
c.             img { background: “black” }
d.            img { border-width: 10 }
                e.            All of the above
Question:
What is the initial value of the marquee-speed property?

a.            slow
b.            normal
c.             fast
                d.            none
Question:
What is the default value of the transform property in CSS3?

a.            50% 50%
b.            0% 0%
c.             100% 100%
                d.            none
Question:
Which of the following is not a user interface element fragment selector?

a.            value
b.            choices
c.             default
d.            repeat-item
                e.            repeat-index
Question:
Which of the following declarations can be used to cover the whole background?

a.            body
{
background: red url(“test.gif”);
background-repeat: repeat-y;
background-attachment: fixed;
}
b.            body
{
background: red url(“test.gif”);
background-repeat: repeat-x;
background-attachment: fixed;
}
c.             body
{
background: red url(“test.gif”);
background-repeat: no-repeat;
background-attachment: fixed;
}
d.            body
{
background: red url(“test.gif”);
background-repeat: repeat;
background-attachment: fixed;
}
e.            body
{
background-image: url(“test.gif”);
background-repeat: space;
}
Question:
If the nav-index property of textbox1 is set to 10, that of textbox2 to 5 and that of textbox3 to 8, what will be the navigation order?

a.            textbox1, textbox2 ,textbox3
b.            textbox2, textbox3 ,textbox1
c.             textbox3, textbox2 ,textbox1
                d.            textbox1, textbox3 ,textbox2
Question:
Consider the following code:

<style>
.name::after { content: leader(solid) }
</style>
<div class=”entry”>
<span class=”name”>Shane Mathew</span>
<span class=”number”>9843423232</span>
</div>

What will be the output if the name and the number end up on different lines?

a.            Shane Mathew….
…9843423232
b.            Shane Mathew____
___9843423232
c.             Shane Mathew
9843423232
d.            Shane Mathew—
—9843423232
Question:
What is the initial value of the opacity property?

a.            0
b.            1
c.             normal
                d.            none
Question:
What is the initial value of the font-size property?

a.            small
b.            medium
c.             large
                d.            default
Question:
Which of the following option does NOT exist in media groups available in CSS3?

a.            continuous or paged
b.            visual or tactile
c.             grid or bitmap
                d.            braille or screen
Question:
What is the initial value of the text-align property?

a.            start
b.            end
c.             left
d.            right
e.            center
                f.             justify
Question:
What will happen if the following declaration is used?

body
{
background-image: url(“test.png”);
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
}

a.            The image will be shown in the background at the bottom left corner.
b.            The image will be shown in the background at the bottom right corner.
c.             The image will be shown in the background at the top left corner.
d.            The image will be shown in the background at the top right corner.
                e.            The image will be shown in the center of the page.
Question:
What will happen if the cursor property value is set to none?

a.            The default cursor will be displayed.
b.            No cursor will be displayed.
c.             A pointer cursor will be displayed.
                d.            A text cursor will be displayed.
Question:
What is the initial value of the animation-iteration-count property?

a.            0
b.            1
c.             5
                d.            None
This question is based upon the figure shown below

Question:
Which of the given rules would result in an object being rendered as above?

a.            div { content: ’1′ }
div::before { content: ’2′; }
div::before::before { content: ’3′; }
b.            div { content: ’3′ }
div::before { content: ’2′; }
div::before::before { content: ’1′; }
c.             div { content: ’1′ }
div::before { content: ’2′; }
div::before(2) { content: ’3′; }
d.            div { content: ’3′ }
div::before { content: ’2′; }
div::before(2) { content: ’1′; }
Question:
You want to set the image resolution to 300dpi irrespective of the resolution of the image. Which of the following codes will be used?

a.            img { image-resolution: auto }
b.            img { image-resolution: auto, 300dpi }
c.             img { image-resolution: 300dpi }
                d.            None of the above
Question:
If you set the value of the speak property to digits, how would 22 be spoken?

a.            twenty two
b.            two two
c.             twenty and two
                d.            four
Question:
Which of the following is not a valid value for the font-smooth property?

a.            auto
b.            never
c.             always
d.            normal
                e.            length
Question:
Which of the following does not apply to external styles?

a.            Clean separation of design and content
b.            Minimal code duplication
c.             Highest priority
                d.            Reduced page download time
This question is based upon the figure shown below

Question:
Which of the given rules would result in an object being rendered as above?

a.            div { content: ’1′ }
div::before { content: ’2′; }
div::before::before { content: ’3′; }
b.            div { content: ’3′ }
div::before { content: ’2′; }
div::before::before { content: ’1′; }
c.             div { content: ’1′ }
div::before { content: ’2′; }
div::before(2) { content: ’3′; }
d.            div { content: ’3′ }
div::before { content: ’2′; }
div::before(2) { content: ’1′; }
Question:
What is the type of the letter-spacing property?

a.            length
b.            number
c.             percentage
                d.            integer
Question:
You want to set the image resolution to 300dpi irrespective of the resolution of the image. Which of the following codes will be used?

a.            img { image-resolution: auto }
b.            img { image-resolution: auto, 300dpi }
c.             img { image-resolution: 300dpi }
                d.            None of the above
Question:
If you are using the white-space-collapse property with value collapse, what will be the output of the following string?

John leads his team to the         victory, but fails to reach the   finals.

a.            Johnleadshisteamtothevictory,butfailstoreachthefinals.
b.            John leads his team to the victory, but fails to reach the finals.
c.             John leads his team to the         victory, but fails to reach the   finals.
                d.            John leads his team to thevictory, but fails to reach thefinals.
Question:
If you set the value of the speak property to digits, how would 22 be spoken?

a.            twenty two
b.            two two
c.             twenty and two
                d.            four
Question:
Consider the following code:

body { text-replace: “a” “b” “b” “c” }

What will be the output of the following string if you implement the text-replace style?

andy lives behind cafe

a.            bndy lives behind cbfe
b.            cndy lives cehind ccfe
c.             andy lives behind cafe
                d.            andy lives cehind bafe
Question:
What is the default value of the transform property in CSS3?

a.            50% 50%
b.            0% 0%
c.             100% 100%
                d.            none
Question:
To which of the following elements can the min-width property not be applied?

a.            button
b.            span
                c.             table row
Question:
What is the initial value of the font-size property?

a.            small
b.            medium
c.             large
                d.            default
Question:
What is the initial value of the opacity property?

a.            0
b.            1
c.             normal
                d.            none
Question:
If the following rule is used, what will be the output?

:focus,:active { outline-offset: 10px }

a.            The focus outline will appear at a distance of 10 pixels from the active element.
b.            The width of the focus outline will be 10 pixels.
                c.             No outline will be shown.
Question:
For the clear property, which of the following value is not valid?

a.            none
b.            left
c.             right
                d.            top
Question:
Which of the following does not apply to external styles?

a.            Clean separation of design and content
b.            Minimal code duplication
c.             Highest priority
                d.            Reduced page download time
Question:
Which of the following rules is equivalent to the em { color: rgb(255,0,0) } style?

a.            em { color: rgb(300,0,0) }
b.            em { color: rgb(255,-10,0) }
c.             em { color: rgb(110%, 0%, 0%) }
d.            em { color: rgb(100%, 0%, 0%) }
                e.            All of the above
Question:
What is the initial value of the text-align property?
a.            start
b.            end
c.             left
d.            right
e.            center
                f.             justify
Question:
What is the problem in the following style sheet?

@import “style.css”;
@media print
{
@import “print-main.css”;
BODY { font-size: 10pt }
}
h1 {color: red }

a.            Two style sheets can’t be included with @import.
b.            The body tag can’t be included inside @media.
c.             @import rule is invalid since it occurs inside a @media block.
                d.            It is valid.
Question:
What will happen if the pause property is used as follows?

h2 { pause: 40s 60s }

a.            pause-before will be set to 40 seconds and pause-after will be set to 60 seconds.
b.            pause-after will be set to 40 seconds and pause-before will be set to 60 seconds.
c.             pause-after and pause-before will be set to 40 seconds.
                d.            pause-after and pause-before will be set to 60 seconds.
Question:
What will happen if the cursor property value is set to none?

a.            The default cursor will be displayed.
b.            No cursor will be displayed.
c.             A pointer cursor will be displayed.
                d.            A text cursor will be displayed.
Question:
What is the initial value of the animation-iteration-count property?

a.            0
b.            1
c.             5
                d.            None
Question:
Which of the following is not a user interface element fragment selector?

a.            value
b.            choices
c.             default
d.            repeat-item
                e.            repeat-index
Question:
A/An___________ is defined with ‘grid-columns’, ‘grid-rows’ properties.

a.            Explicit grid
b.            Natural grid
c.             Default grid
                d.            None of the above
Question:
What will happen if the following declaration is used?

body
{
background-image: url(“test.png”);
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
}

a.            The image will be shown in the background at the bottom left corner.
b.            The image will be shown in the background at the bottom right corner.
c.             The image will be shown in the background at the top left corner.
d.            The image will be shown in the background at the top right corner.
                e.            The image will be shown in the center of the page
Question:
What is the range of values (in decimal notation) that can be specified in the RGB color model?

a.            0 to 256
b.            0 to 255
c.             -250 to 250
                d.            -255 to 255
Question:
Which of the following is not a valid page break?

a.            page-break-inside
b.            page-break-outside
c.             page-break-before
d.            page-break-after
                e.            None of the above
Question:
What will happen if the following style declaration is applied to an element?

p { margin: 3em 2em }

a.            The top and the bottom margins will be 3em and the left and the right margins will be 2em.
b.            The top and the bottom margins will be 2em and the left and the right margins will be 3em.
c.             The top and the left margins will be 3em and the bottom and the right margins will be 2em.
                d.            The top and the right margins will be 2em and the bottom and the left margins will be 3em.
Question:
Consider the following code:

<style>
.name::after { content: leader(solid) }
</style>
<div class=”entry”>
<span class=”name”>Shane Mathew</span>
<span class=”number”>9843423232</span>
</div>

What will be the output if the name and the number end up on different lines?

a.            Shane Mathew….
…9843423232
b.            Shane Mathew____
___9843423232
c.             Shane Mathew
9843423232
d.            Shane Mathew—
—9843423232
Question:
Consider the following code and say what will happen if you click on More?
@media print
{
.footnote
{
float: footnote;
content: target-move(attr(href, url)) }
.marker { display: none }
}

HTML code:

<p>John was a great writer<a href=”#words”> [More]</a>.
…
<p id=words><span>[More]</span> Great poet too.

a.            The tool tip will appear saying Great poet too.
b.            A pop up will appear saying Great poet too.
c.             The page will shift focus to the line Great poet too.
                d.            Nothing will happen.
Question:
What will happen if the following style declaration is used in the given HTML code?
<style type=”text/css”>
div.container
{
width:38em;
border:1em solid black;
}
div.split
{
box-sizing:border-box;
width:50%;
border:1em silver ridge;
float:left;
}

HTML code:

<div class=”container”>
<div class=”split”>Box 1.</div>
<div>Box 2.</div>
</div>

a.            Two boxes will be stacked one on another.
b.            Box 1 will be on the left hand side and Box 2 will be on the right hand side horizontally.
c.             Box 2 will be on the left hand side and Box 1 will be on the right hand side horizontally.
                d.            Both boxes will overlap each other.
Question:
State whether the following statement is true or false.

If a parent element display property is set to none, its children too will not be rendered.

a.            True
                b.            False
Question:
Which of the following is not a valid value for the font-smooth property?

a.            auto
b.            never
c.             always
d.            normal
                e.            length
Question:
Which of the following is the initial value for the column-fill property?

a.            auto
b.            balance
                c.             none
Question:
Which of the following properties specifies the minimum number of lines of a paragraph that must be left at the bottom of a page?

a.            orphans
b.            widows
c.             bottom
d.            overflow
                e.            None of the above
Question:
If you set the value of the speak property to digits, how would 22 be spoken?

a.            twenty two
b.            two two
c.             twenty and two
                d.            four
Question:
If you are using the white-space-collapse property with value collapse, what will be the output of the following string?

John leads his team to the         victory, but fails to reach the   finals.

a.            Johnleadshisteamtothevictory,butfailstoreachthefinals.
b.            John leads his team to the victory, but fails to reach the finals.
c.             John leads his team to the         victory, but fails to reach the   finals.
                d.            John leads his team to thevictory, but fails to reach thefinals.
Question:
What effect does the following rule have?

div { grid-rows: 4em (0.25em 1em); }

a.            It creates rows with 4em height.
b.            It creates a header row with 4em height and alternative rows with 0.25em width and 1em heights.
c.             It creates a header row with 4em height and alternative rows with 0.25em and 1em heights.
                d.            It creates a header row with 4em width and alternative rows with 0.25em width and 1em heights.
Question:
What is the initial value of the hyphens property?

a.            none
b.            manual
c.             auto
                d.            default
Question:
What will happen if the following style declaration is used in the given HTML code?
<style type=”text/css”>
div.container
{
width:38em;
border:1em solid black;
}
div.split
{
box-sizing:border-box;
width:50%;
border:1em silver ridge;
float:left;
}

HTML code:

<div class=”container”>
<div class=”split”>Box 1.</div>
<div class=”split”>Box 2.</div>
</div>

a.            Two boxes will be stacked one on another.
b.            Box 1 will be on the left hand side and Box 2 will be on the right hand side horizontally.
c.             Box 2 will be on the left hand side and Box 1 will be on the right hand side horizontally.
                d.            Both boxes will overlap each other.
Question:
What will happen if the following declaration is used?

body
{
background-image: url(“test.png”);
background-attachment: fixed;
background-position: 100% 100%;
background-repeat: no-repeat;
}

a.            The image will be shown in the background at the bottom left corner.
b.            The image will be shown in the background at the bottom right corner.
c.             The image will be shown in the background at the top left corner.
d.            The image will be shown in the background at the top right corner.
                e.            The image will be shown in the center of the page.
This question is based upon the figure shown below

Question:
Which of the given rules would result in an object being rendered as above?

a.            div { content: ’1′ }
div::before { content: ’2′; }
div::before::before { content: ’3′; }
b.            div { content: ’3′ }
div::before { content: ’2′; }
div::before::before { content: ’1′; }
c.             div { content: ’1′ }
div::before { content: ’2′; }
div::before(2) { content: ’3′; }
d.            div { content: ’3′ }
div::before { content: ’2′; }
div::before(2) { content: ’1′; }
Question:
What is the initial value of the font-size property?

a.            small
b.            medium
c.             large
                d.            default
Question:
What will happen if the following style declaration is applied to an element?

p { margin: 3em 2em }

A.            The top and the bottom margins will be 3em and the left and the right margins will be 2em.
b.            The top and the bottom margins will be 2em and the left and the right margins will be 3em.
c.             The top and the left margins will be 3em and the bottom and the right margins will be 2em.
                d.            The top and the right margins will be 2em and the bottom and the left margins will be 3em.
Question:
You want to float an image to the top of the next-page. Which of the following styles will help you to achieve the desired result?

a.            img { float: next-page; }
b.            img { float: top-corner next-page; }
c.             img { float: next-page top; }
                d.            b and c
Question:
Which of the following value of the white-space property will set the value of white-space-collapse to “preserve” and value of the text-wrap to “none”?

a.            normal
b.            pre
c.             nowrap
d.            pre-wrap
                e.            pre-line
Question:
Which of the following is not a user interface element fragment selector?

a.            value
b.            choices
c.             default
d.            repeat-item
                e.            repeat-index
Question:
Which of the following rules is equivalent to the em { color: rgb(255,0,0) } style?

a.            em { color: rgb(300,0,0) }
b.            em { color: rgb(255,-10,0) }
c.             em { color: rgb(110%, 0%, 0%) }
d.            em { color: rgb(100%, 0%, 0%) }
                e.            All of the above
Question:
Consider the following font definition:

font-weight:normal

What is the other way of getting the same result?

a.            font-weight:100
b.            font-weight:900
c.             font-weight:400
                d.            font-weight:700
Question:
The sans-serif generic font-family is characterized by:

a.            finish strokes, flared or tapering ends, or actual serifed endings.
b.            stroke endings that are plain without any flaring, cross stroke, or other ornamentation.
c.             either join strokes or other cursive characteristics beyond those of italic typefaces.
                d.            primarily decorate the characters while still containing their representations.
Question:
Consider the following code:

<style>
.name::after { content: leader(solid) }
</style>
<div class=”entry”>
<span class=”name”>Shane Mathew</span>
<span class=”number”>9843423232</span>
</div>

What will be the output if the name and the number end up on different lines?

a.            Shane Mathew….
…9843423232
b.            Shane Mathew____
___9843423232
c.             Shane Mathew
9843423232
d.            Shane Mathew—
—9843423232
Question:
What is the initial value of the animation-iteration-count property?

a.            0
b.            1
c.             5
                d.            None
What is the default value of the transform property in CSS3?

a.            50% 50%
b.            0% 0%
c.             100% 100%
                d.            none
Question:
Which of the following option does NOT exist in media groups available in CSS3?

a.            continuous or paged
b.            visual or tactile
c.             grid or bitmap
                d.            braille or screen
Question:
What is the initial value of the marquee-speed property?

a.            slow
b.            normal
c.             fast
                d.            none
Question:
If the following rule is used, what will be the output?

:focus,:active { outline-offset: 10px }

a.            The focus outline will appear at a distance of 10 pixels from the active element.
b.            The width of the focus outline will be 10 pixels.
                c.             No outline will be shown
Question:
Which of the following declarations can be used to cover the whole background?

a.            body
{
background: red url(“test.gif”);
background-repeat: repeat-y;
background-attachment: fixed;
}
b.            body
{
background: red url(“test.gif”);
background-repeat: repeat-x;
background-attachment: fixed;
}
c.             body
{
background: red url(“test.gif”);
background-repeat: no-repeat;
background-attachment: fixed;
}
d.            body
{
background: red url(“test.gif”);
background-repeat: repeat;
background-attachment: fixed;
}
e.            body
{
background-image: url(“test.gif”);
background-repeat: space;
}
Question:
What will happen if the value of the transform-style property is set to flat and the element has children?

a.            The element will be shown with 3D effect but the children will be rendered flattened into the 2D plane.
b.            The element will be shown with 2D effect but the children will be rendered into the 3D plane.
c.             Both the element and its children elements will be rendered in 3D effect.
                d.            Both the element and its children elements will be rendered in 2D effect.
Question:
Which of the following are not valid values for the target-new property?

a.            window
b.            tab
c.             none
d.            parent
                e.            current
Question:
What will happen if the cursor property value is set to none?

a.            The default cursor will be displayed.
b.            No cursor will be displayed.
c.             A pointer cursor will be displayed.
                d.            A text cursor will be displayed.
Question:
Which of the following does not apply to external styles?

a.            Clean separation of design and content
b.            Minimal code duplication
c.             Highest priority
                d.            Reduced page download time
Question:
Which of the following is the initial value for the column-fill property?

a.            auto
b.            balance
                c.             none
Question:
If the nav-index property of textbox1 is set to 10, that of textbox2 to 5 and that of textbox3 to 8, what will be the navigation order?

a.            textbox1, textbox2 ,textbox3
b.            textbox2, textbox3 ,textbox1
c.             textbox3, textbox2 ,textbox1
                d.            textbox1, textbox3 ,textbox2
Question:
ruby-text (in XHTML: rt)

Which of the following display values assign ruby semantics to an arbitrary element as given above?

a.            It specifies that an element defines a ruby base.
b.            It specifies that an element contains one or more ruby bases.
c.             It specifies that an element defines a ruby text.
d.            It specifies that an element contains one or more ruby texts.
                e.            It specifies that an element defines a ruby structure.
Question:
You want to set the image resolution to 300dpi irrespective of the resolution of the image. Which of the following codes will be used?

a.            img { image-resolution: auto }
b.            img { image-resolution: auto, 300dpi }
c.             img { image-resolution: 300dpi }
                d.            None of the above
Question:
A/An___________ is defined with ‘grid-columns’, ‘grid-rows’ properties.

a.            Explicit grid
b.            Natural grid
c.             Default grid
                d.            None of the above
backface-visibility:hidden; will this property hide the back side of a transformed div element?

a.            Yes
                b.            No

oDesk CSS Test Answers

01. Question: Which of the following is true for a class selector?
Answer: d. It applies the style to all the elements defined with that style

02. Question: Which of the following does not apply to external styles?
Answer: c. Highest priority

03. Question: 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?
Answer: a. Image bar.gif will be tiled vertically in the background in the center of the page.

04. Question: Which of the following is not a valid text-decoration option?
Answer: Text-decoration :in-line

05. Question: 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?
Answer: b. Blue

06. Question: The following is a style definition:
Td#aln
{text-align:center;
color:blue}
How will you refer to this style in your web page?
Answer: b. by using the id Attribute in a td cell

07. Question: Which of the following is not a valid property of an aural style sheet?
Answer: c. Load

08. Question: 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:
Answer: b. Code{margin-top:1cm; margin-bottom:1cm}

09. Question: 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?
Answer: b. Text-transform

Question 1: Which of the following is true for a class selector?
Answer: d. It applies the style to all the elements defined with that style

Question 2: Which of the following does not apply to external styles?
Answer: c. Highest priority

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?
Answer: a. Image bar.gif will be tiled vertically in the background in the center of the page.

Question 4: Which of the following is not a valid text-decoration option?
Answer: b. Text-decoration :in-line

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?
Answer: b. Blue

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?
Answer: b. by using the id Attribute in a td cell

Question 7: Which of the following is not a valid property of an aural style sheet?
Answer: c. Load

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:
Answer: b. Code{margin-top:1cm; margin-bottom:1cm}

Question 9: 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?
Answer: b. Text-transform

Question 10: Which of the following are correct values of the overflow property?
Answer: a. Visible; b. Hidden; c. Scroll; d. Auto

Question 11: Which element property is required to define internal styles?
Answer: b. Style

Question 12: Which of the following is not true for a style sheet?
Answer: a. A style sheet defines how an html element will be displayed

Question 13: You want to increase the space between the lines in all you paragraphs. What will you use?
Answer: c. P{line-height:1cm}

Question 14: The default value for the overflow property is:
Answer: c. Hidden

Question:

What will happen if the pause property is used as follows?

h2 { pause: 40s 60s }

a. pause-before will be set to 40 seconds and pause-after will be set to 60 seconds. (Answer)

b. pause-after will be set to 40 seconds and pause-before will be set to 60 seconds.

c. pause-after and pause-before will be set to 40 seconds.

d. pause-after and pause-before will be set to 60 seconds.

Question:

Which of the following properties doesn"t take up space?

a. outline (Answer)

b. border

c. Both a and b

Question:

backface-visibility:hidden; will this property hide the back side when an element is rotated?

a.Yes (Answer)

b.No

Question:

What is the initial value of the animation-iteration-count property?

a.0

b.1 (Answer)

c.5

d.None

Question:

If you set the value of the speak property to digits, how would 22 be spoken?

a.twenty two

b.two two (Answer)

c.twenty and two

d.four

Question:

A/An___________ is defined with 'grid-columns', 'grid-rows' propertie

a.Explicit grid (Answer)

b.Natural grid

c.Default grid

d.None of the above

Question:

The color in three digit RGB notation is #fb0. What will be its equivalent six digit color code?

a.#fb0fb0

b.#ffbb00 (Answer)

c.#fbfb00

d.None of the above

Question:

Which of the following is the initial value for the column-fill property?

a.auto

b.balance (Answer)

c.none

Question:

Which of the following rules is equivalent to the em { color: rgb(255,0,0) } style?

a.em { color: rgb(300,0,0) }

b.em { color: rgb(255,-10,0) }

c.em { color: rgb(110%, 0%, 0%) }

d.em { color: rgb(100%, 0%, 0%) }

e.All of the above (Answer)

Question:

Which of the following are not valid values for the target-new property?

a.window

b.tab

c.none

d.parent (Answer)

e.current (Answer)

Question:

What is the type of the letter-spacing property?

a.length

b.number (Answer)

c.percentage

d.integer

Question:

What will happen if the following style declaration is applied to an element?

p { margin: 3em 2em }

a.The top and the bottom margins will be 3em and the left and the right margins will be 2em. (Answer)

b.The top and the bottom margins will be 2em and the left and the right margins will be 3em.

c.The top and the left margins will be 3em and the bottom and the right margins will be 2em.

d.The top and the right margins will be 2em and the bottom and the left margins will be 3em.

Question:

What will be the output of the following rule?

em { color: rgba(0,0,255,1) }

a.Opacity 1 with solid red color

b.Opacity 0 with solid blue color

c.Opacity 0 with solid red color

d.Opacity 1 with solid blue color. (Answer)

e.None of the above

Question:

Which of the given options is/are equivalent to the following rule?

DIV { line-height: 1.2; font-size: 10pt }

a.DIV { line-height: 1.2em; font-size: 10pt } (Answer)

b.DIV { line-height: 12em; font-size: 10pt }

c.DIV { line-height: 120%; font-size: 10pt } (Answer)

d.DIV { line-height: 20%; font-size: 10pt }

e.DIV { line-height: 80%; font-size: 10pt }

Question:

What will happen if the value of the transform-style property is set to flat and the element has children?

a.The element will be shown with 3D effect but the children will be rendered flattened into the 2D plane.

b.The element will be shown with 2D effect but the children will be rendered into the 3D plane.

c.Both the element and its children elements will be rendered in 3D effect.

d.Both the element and its children elements will be rendered in 2D effect. (Answer)

Question:

Which of the following is not a user interface element fragment selector?

a.value

b.choices

c.default. (Answer)

d.repeat-item

e.repeat-index

Question:

Which of the following value of the white-space property will set the value of white-space-collapse to "preserve" and value of the text-wrap to "none"?

a.normal

b.pre

c.nowrap (Answer)

d.pre-wrap

e.pre-line

Question:

What is the maximum value that can be given to the voice-volume property?

a.0

b.10

c.100 (Answer)

d.500

e.None of the above

Question:

If you are using the white-space-collapse property with value collapse, what will be the output of the following string?

John leads his team to the victory, but fails to reach the finals

a.Johnleadshisteamtothevictory,butfailstoreachthefinals.

b.John leads his team to the victory, but fails to reach the finals. (Answer)

c.John leads his team to the victory, but fails to reach the finals.

d.John leads his team to thevictory, but fails to reach thefinals.

Question:

Which of the following is not a valid value for the font-stretch property?

a.condensed

b.normal

c.semi-narrower (Answer)

d.expanded

e.semi-expanded

Question:

What will happen if the following style declaration is used in the given HTML code?

div.container

{

width:38em;

border:1em solid black;

}

div.split

{

box-sizing:border-box;

width:50%;

border:1em silver ridge;

float:left;

}

HTML code:

</div>

a.Two boxes will be stacked one on another.

b.Box 1 will be on the left hand side and Box 2 will be on the right hand side horizontally. (Answer)

c.Box 2 will be on the left hand side and Box 1 will be on the right hand side horizontally.

d.Both boxes will overlap each other.

Question:

What will happen if the following declaration is used?

body

{

background-image: url("test.png");

background-attachment: fixed;

background-position: 100% 100%;

background-repeat: no-repeat;

}

a.The image will be shown in the background at the bottom left corner.

b.The image will be shown in the background at the bottom right corner. (Answer)

c.The image will be shown in the background at the top left corner.

d.The image will be shown in the background at the top right corner.

e.The image will be shown in the center of the page.

Question:

Consider the following font definition:

font-weight:normal

What is the other way of getting the same result?

a.font-weight:100

b.font-weight:900

c.font-weight:400 (Answer)

d.font-weight:700

Question:

What effect does the following rule have?

div { grid-rows: 4em (0.25em 1em); }

a.It creates rows with 4em height.

b.It creates a header row with 4em height and alternative rows with 0.25em width and 1em heights.

c.It creates a header row with 4em height and alternative rows with 0.25em and 1em heights. (Answer)

d.It creates a header row with 4em width and alternative rows with 0.25em width and 1em heights.

Question:

If the nav-index property of textbox1 is set to 10, that of textbox2 to 5 and that of textbox3 to 8, what will be the navigation order?

a.textbox1, textbox2 ,textbox3

b.textbox2, textbox3 ,textbox1 (Answer)

c.textbox3, textbox2 ,textbox1

d.textbox1, textbox3 ,textbox2

Question:

ruby-text (in XHTML: rt)

Which of the following display values assign ruby semantics to an arbitrary element as given above?

a.It specifies that an element defines a ruby base.

b.It specifies that an element contains one or more ruby bases.

c.It specifies that an element defines a ruby text. (Answer)

d.It specifies that an element contains one or more ruby texts.

e.It specifies that an element defines a ruby structure.

Question:

Which of the following declarations can be used to cover the whole background?

a.body

{

background: red url("test.gif");

background-repeat: repeat-y;

background-attachment: fixed;

}

b.body

{

background: red url("test.gif");

background-repeat: repeat-x;

background-attachment: fixed;

}

c.body

{

background: red url("test.gif");

background-repeat: no-repeat;

background-attachment: fixed;

}

d.body{

background: red url("test.gif");

background-repeat: repeat;

background-attachment: fixed;

} (Answer)

e.body

{

background-image: url("test.gif");

background-repeat: space;

}

Question:

Which of the following properties allow percentages in their value fields?

a.font-size (Answer)

b.font-variant

c.font-weight

d.line-height(Answer)

Question:

To which of the following elements can the min-width property not be applied?

a.button

b.span (Answer)

c.table row

Question:

Consider the following code and say what will happen if you click on More?

@media print

{

.footnote

{

float: footnote;

content: target-move(attr(href, url)) }

.marker { display: none }

}

HTML code:

<p>John was a great writer<a class="footnote" href="#words"> [More]</a>.

...

<p id=words><span class="marker">[More]</span> Great poet too.

a.The tool tip will appear saying Great poet too.

b.A pop up will appear saying Great poet too.

c.The page will shift focus to the line Great poet too.

d.Nothing will happen. (Answer)

Question:Consider the following code:

<style>

.name::after { content: leader(solid) }

</style>

<span class="name">Shane Mathew</span>

</div>

What will be the output if the name and the number end up on different lines?

a.Shane Mathew....

...9843423232

b.Shane Mathew____

___9843423232 (Answer)

c.Shane Mathew

9843423232

d.Shane Mathew---

---9843423232

Question:

What is the default value of the text-align property?

a.start

b.end

c.left (Answer)

d.right

e.center

f.justify

Question: What is the problem in the following style sheet?

@import "style.css";

@media print

{

@import "print-main.css";

BODY { font-size: 10pt }

}

h1 {color: red }

a.Two style sheets can't be included with @import.

b.The body tag can't be included inside @media.

c.@import rule is invalid since it occurs inside a @media block. (Answer)

d.It is valid.

Question:

What is the initial value of the opacity property?

a.0

b.1 (Answer)

c.normal

d.none

Question:

You want to float an image to the top of the next-page. Which of the following styles will help you to achieve the desired result?

a.img { float: next-page; }

b.img { float: top-corner next-page; }

c.img { float: next-page top; }

d.b and c (Answer)

Question:

Consider the following code:

body { text-replace: "a" "b" "b" "c" }

What will be the output of the following string if you implement the text-replace style?

andy lives behind cafe

a.bndy lives behind cbfe

b.cndy lives cehind ccfe

c.andy lives behind café (Answer)

d.andy lives cehind bafe

Question:

Which of the following is not a valid page break?

a.page-break-inside

b.page-break-outside (Answer)

c.page-break-before

d.page-break-after

e.None of the above

Question:

For the clear property, which of the following value is not valid?

a.none

b.left

c.right

d.top (Answer)

Question:

What will happen if the cursor property value is set to none?

a.The default cursor will be displayed. (Answer)

b.No cursor will be displayed.

c.A pointer cursor will be displayed.

d.A text cursor will be displayed.

Question:

State whether following statement is true or false.

The RGB color model is hardware-specific while the HSL is symmetrical to lightness and darkness.

a.True (Answer)

b.False

CSS 2.0 Test Answer-04

46. You have an 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?
a.Outline
b.Display
c.Float
d.Merge

47. While displaying some text on a web page you want to increase the spacing between the words and bring the letters within the word closer to each other. Which of the following is the best style definition if you are targeting all the paragraphs?
a. par {letter-spacing: 3px; word-spacing: -5px }
b. par{letter-spacing: -0.8px; word-spacing: 25px }
c. p {l-spacing: 3px; w-spacing: -5px }
d. p {letter-spacing: -0.8px; word-spacing: 25px }

48. Your webpage contains several unordered lists:
* Item A
* Item B
* Item C
* Item D
* Item E
* Item F
* Item G
...
The style sheet for these lists is:
ul {list-style-type: disc}
Due to some reason, you now want all the unordered list items to be numbered. What minimum change in your CSS/HTML will do this?
a) Replace all ul with ol in the HTML page
b) Set list-style-type:number in the CSS
c) Set list-style-type:decimal in the CSS
d) Set list-style-type:integer in the CSS

49. Can you define multiple styles for the same HTML element/tag or selector?
a. Yes
b. No

50. Is it possible to force a style definition in a linked style sheet to over-ride an in-line style definition?
a. Yes
b. No

51. You are designing a web site and need to set the background image for all the web pages. You want a small background image to repeat and fill up the whole background. Which of the following body styles is ideal for this?
a. body{ background: url(/images/bg.gif);
repeat: repeat-x }
b. body{ background: url(/images/bg.gif);
repeat: repeat-y }
c. body{ background-image: url(/images/bg.gif);
background -repeat: no-repeat }
d. body { background-image: url(images/bg.gif);background-repeat: repeat}

52. You have to display an image behind an absolutely positioned paragraph text. Which of the following will you use?
a. Set negative z-index for the image
b. Set positive z-index for the image
c. Set negative x-index for the image
d. Set positive x-index for the image

53. You defined a style to left align the text:

.left {text-align: left}
Select the correct statement:
a. The style can be applied to any element in the HTML page
b. The style can be applied using the ID attribute
c. The style can be applied using the class attribute
d. The style is incomplete without a prefixed element tag name

54. You want to display a list of items on your webpage using the tag, instead of bullets. You want each list element to be marked by roman numbering, which style will you use?
a. list-style
b. list-style-type
c. list-marker
d. list-style-marker
e. list-bullet
f. list-style-bullet

55. You want to display a list of items on your webpage using the tag, instead of bullets. You want each list element to be marked by a small graphic that you have created. Which style could you use?
a. list-style
d. list-style-marker
c. list-marker
b. list-style-graphic
e. list-bullet
f. list-style-image

56. You developed a website using HTML and style sheets. You defined a style for the H4 tag within the head tag, in the imported style sheet and in-line. Which style definition will be used when the page is seen in a browser?
a. Default browser H4 definition
b. External style sheet definition
c. Inline style definition
d. Style definition in the head tag

57. Which of the following attributes can be used to supersede any of the contradictory styles with equal weight?
a. !supersede
b. !high
c. !important
d. !key

58. Which of the following Statement is correct?
a. When using css, positioning can be absolute, relative or dynamic (not dynamic)
b. The float Property for text/images can be left, right or center (left or right not center)
c. The values of visibility can be true or False
d. The display Property sets how an element is displayed

59. Paged media differ from continuous media in that the content of the document is divided into one or more pages. When you set the dimensions, which of the following will be applied?
a. The dimensions of the page area are the dimensions of the page box minus the margin area
b. The dimensions of the page area are the dimensions of the page box plus the margin area
c. The dimensions of the page area are the dimensions of the page box and margin area does not affect it.
d. None of the above

60. Which of the following does not apply to external styles?
a. Clean separation of design & content
b. Minimal code duplication
c. Highest priority
d. Reduces page download time

61. Which of the following is correct with regard to comments in a style sheet?
a. Comments can appear outside the style definition only
b. Comments start with//
c. Comments end with */
d. Comments are not permitted in a style sheet

62. Which of the following is not true for a style sheet?
a. A style sheet defines how an html element will be displayed
b. Internal and external style sheets cannot be used together
c. Multiple style definitions will cascade into one
d. The same style sheet can be used by many html pages

63. p

(
font-family-arial
color:black
text-align:left
);
a. The style definition should be enclosed in curly braces
b. Multiple items within a style should be separated by “;”
c. The style should not close with a semicolon
d. P should be followed by an equal –to sign

CSS 2.0 Test Answer-01

1. Which of the following is not a valid text-decoration option?
a. Text-decoration: line-through
b. Text-decoration: in-line
c. Text-decoration: overline
d. Text-decoration: underline
e. Text-decoration: none

2. The following is a style definition:
BODY {background: url(''banner.jpeg'') right top}
What is the percentage of the background-position?
a. 0% 0%
b. 0% 100%
c. 100% 0%
d. 100% 100%

3. Which of the following is correct?
a. Blockquote{text-padding:2em 4em 5em}
b. Blockquote{padding-x:2em 4em 5em}
c. Blockquote{padding-y:2em 4em 5em}
d. Blockquote{padding:2em 4em 5em}

4. You want to display a table whose cell borders are as per the following rules:
1. Left Border should be double
2. Right Border should be dashed
3. Top Border should be dotted
4. Bottom Border should be solid
Choose the correct style definition:
a. border-style:double dotted dashed solid
b. border-style:dotted dashed solid double
c. border-style:dashed double solid dotted
d. border-style:solid double dotted dashed

5. The following is a style definition:
#styl2
{
Color: red;
}
How will you refer to this style in you web pages?
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 supports the id attribute.

6. Which element property is required to define internal styles?
a.Class
b.Style
c.span
d.link

7. The Font “Times New Roman” has an aspect value of 0.46 .What do you understand from this?
a. When font size is set to 46px. The height of the letter ‘x’ will be 100px
b. When font size is set to 100px. The height of the letter ‘x’ will be 46px

8. Which of the following border styles is not correct?
a. Border-style: ridge
b. Border-style: outset
c. Border-style: dotted
d. Border- style: matted

9. Which of the following is not a valid property of an aural style sheet?
a. Cue
b.Voice-family
c. Load
d. Speak
e. All of the above are valid

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?
a.Text-mode
b.Text-transform
c.Text-decoration
d.Text-shadow
e.Text-case

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?
a. This will display a red border with thin top and bottom
b. This will display a red border with thick top and bottom
c. This will display a red border with thick left and right
d. This will not display any border (border-style nai tai no display)

12. Consider the following font definition:
Font-weight: bold
What is the other way of getting the same result?
a) font-weight:b
b) font-weight:bolder
c) font-weight:bld
d) font-weight:700

13. 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?
a. Green
b. Blue
c. Red
d. Black

14. Which style property can be used to display only some part of an image?
a. snap
b. clip
c. scroll
d. visible

15. Which of the following is true for a class selector?
a. It uses a hash as the separator symbol
b. It applies the style to only the first element defined with that style
c. It applies the style to only the last element defined with that style
d. It applies the style to all the elements defined with that style

CSS 2.0 Test Answer-02

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

17. Which of the following properties specifies the minimum number of lines of a paragraph that must be left at the bottom of a page?
a. Orphans
b. Widows
c. Bottom
d. Overflow
e. None of the above

18. Which of the following is true for an ID selector?
a. It uses a dot as the separator symbol
b. It applies the style to only the first element defined with that selector
c. It applies the style to only the last elements defined with that selector
d. It applies the style to all the elements defined with that selector

19. You want to increase the space between the lines in all you paragraphs. What will you use?
a. P{width:1cm}
b. P{height: 1cm}
c. P{line-height:1cm}
d. P{line-width:1cm}

20. Which of the following cursor types is not valid?
a.wait
b.pointer
c.text
d.image

21. Which of the following are valid css text properties in CSS2.0?
a. direction
b. text-transform
c. text-indent
d. text-height

22. When are you likely to use an id selector in your stylesheet?
a. When you want to apply the style to elements that appear repeatedly on a page
b. When you want to apply the style to only one element per page
c. The id selector is just like the class selector
d. It is better to use the class selector instead

23.Which of the following are correct values of the overflow property?
a.Visible (default)
b.Hidden
c.Scroll
d.Auto
24. How will you display text as a superscript?
a. Vertical-align: super
b. Vertical-align: superscript
c. Vertical-align : top

25. Which of the following font properties deals with aspect value?
a.Font-weight
b.Font-variant
c.Font-size-adjust
d.Font-size

26. Consider this style definition:
P i{color:red}
What do you understand about the contextual selector used above?
a.All the text within a paragraph will be italicized
b.All the italic text in the page will have red color
c.All the page text undertag and tag will be red
d.All the italic text with in a paragraph will be red

27. Background-position sets the position of the background image what happens if its value is 0% 0%?
a.Image will have zero width and height so it will be hidden.
b.Image will be positioned at the upper left corner.
c.Image will be positioned at the lower right corner
d.None of the above

28. Which of the following values are correct for Font-style?
a.Normal, wider, narrower
b.Normal , italic, oblique
c.Normal, bold, lighter
d.Small , medium , large

29. Which of the following is not a valid page break?
a. page-break-inside
b. page-break-outside
c. page-break-before
d. page-break-after

30. Which of the following is not a correct keyword value for the display property?
a.Expended
b.Inline-table
c.Table-row
d.Table-column-group

CSS 2.0 Test Answer-03

31. Which of the following is not a valid list property?
a.List-style-type
b.List-style-position
c.List-style-image
d.List-style-align

32. Which of the following is not a pseudo class?
a.Link
b.Active
c.Lang
d.Ins

33. The font-family property is used to specify a:
a.Family name
b.Generic Family
c.Family name and /or generic Family

34. 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?
a. Image bar.gif will be tiled vertically in the background in the center of the page.
b. Image bar.gif will be tiled horizontally in the background in the center of the page
c. Image bar.gif will be displayed in the center of the page
d. Image bar.gif will be stretched in the center of the page

35. You have defined a p tag style as follows:
p
{
color: #ff0000;
font-variant: small-caps
}
You want the above style to work only on the first line of the paragraph. What modification will you make to the style definition?
a) p:first-only
b) p:first-line
c) p.first-line
d) p:first

36.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}

37. Which of the following options regarding page media groups is wrong?
a. continuous/paged
b. visual/audio/speech/tactile
c. grid/bitmap
d. dynamic/interactive/static

38.The 'font-stretch' property selects a normal, condensed, or extended face from a font family. Which of the following keyword values are incorrect?
a) extra-condensed
b) condensed
c) micro-condensed
d) extra-expanded
e) macro-expanded

39. What is the effect of the following style:
p strong {color: green; }
a) All strong text and all paragraph text will be displayed in green color
b) All paragraphs that are contained within tags will be displayed in green color
c) All strong text that is contained in a paragraph will be displayed in green color
d) Only the paragraph text will be displayed in green color
e) Only the strong text will be displayed in green color
f) The style definition is erroneous and will not be applied to any element of the webpage

40. Read the following statements:
Statement 1:Vertical margins between a floated box and any other box do not collapse.
Statement 2:Margins of absolutely and relatively positioned boxes collapse.
Which of the following is correct?
a) Statement 1 is correct but statement 2 is incorrect (may be)
b) Statement 2 is correct but statement 1 is incorrect
c) Both statements are correct
d) Both statements are incorrect

41.When would you prefer to use the @import technique for applying a style sheet to your web page?
a) When you are creating pages for older versions of Netscape Navigator
b) When you don't want older browsers like IE4 or Netscape 4 to use the style sheet
c) When you want to include a css file in another css file
d) There is no such technique available for applying style sheets

42.You have the following style definition:
h2, h4, h5, h6
{
color: cyan;
}
Which of the following is correct for the above definition?
a) Grouping of tags is not allowed in the style definition
b) The style definition should span a single line
c) Grouping tags should be separated by semicolons
d) You can group as many tags as you like

43. Read the following statements:
@page rotated {size: landscape}
TABLE {page: rotated; page-break-before: right}
What does this code do?
a) It will put all tables on a right-hand side landscape page
b) It will rotate the page if the table is positioned at the right side
c) It will keep the table in landscape position and rotate the page
d) None of the above

44.You defined two styles as follows:
td.right {text-align: right}
td.left {text-align: left}
Which of the following is the right way to use them in an HTML page?
a. Some Text
b. Some Text
c. Some Text
d. Some Text

45. You want to define the same media style for both print and screen media.
Which of the following is the correct structure for the style?
a) @media screen, print { span.med{font-weight:bold} }
b) .media screen, print { span.med{font-weight:bold} }
c) .media screen print { span.med{font-weight:bold} }
d) #media screen, print { span.med{font-weight:bold} }

Which of the following is true for a class selector?

a. It uses a hash as the separator symbol

b. It applies the style to only the first element defined with that style

c. It applies the style to only the last element defined with that style

d. It applies the style to all the elements defined with that style

Which of the following does not apply to external styles?

a. Clean separation of design & content

b. Minimal code duplication

c. Highest priority

d. Reduces page download time

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?

a. Image bar.gif will be tiled vertically in the background in the center of the page.

b. Image bar.gif will be tiled horizontally in the background in the center of the page

c. Image bar.gif will be displayed in the center of the page

d. Image bar.gif will be stretched in the center of the page

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

a. Text-decoration :line-through

b. Text-decoration :in-line

c. Text-decoration :overline

d. Text-decoration :underline

e. Text-decoration :none

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?

a. Green

b. Blue

c. Red

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

Which of the following statement is correct?

a. When using CSS, positioning can be absolute, relative or dynamic

b. The float property for text/images can be left, right or center

c. The values for visibility can be true or false

d. The display property sets how an element is displayed

Which of the following is not true for a style sheet?

a. A style sheet defines how an HTML element will be displayed

b. Internal and external style sheets cannot be used together

c. Multiple style definitions will cascade into one

d. The same style sheet can be used by many HTML pages

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

a. cue

b. voice-family

c. loud

d. speak

e. All of the above are valid.

Consider the following font definition:

font-weight: bold

What is the other way of getting the same result?

a. font-weight:b

b. font-weight:bolder

c. font-weight:bld

d. font-weight:700

Which element property is required to define internal styles?

a. class

b. style

c. span

d. link

You want to display a list of items on your webpage using the <li> tag, instead of bullets. You want each list element to be marked by roman numbering, Which style will you use?

a. list-style

b. list-style-type

c. list-marker

d. list-style-marker

e. list-bullet

f. list-style-bullet

Which of the following is true for a class selector?
Answer: d. It applies the style to all the elements defined with that style

Which of the following does not apply to external styles?
Answer: c. Highest priority

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?
Answer: a. Image bar.gif will be tiled vertically in the background in the center of the page.

Which of the following is not a valid text-decoration option?
Answer: Text-decoration :in-line

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?
Answer: b. Blue

The following is a style definition:
Td#aln
{text-align:center;
color:blue}
How will you refer to this style in your web page?
Answer: b. by using the id Attribute in a td cell

Which of the following is not a valid property of an aural style sheet?
Answer: c. Load

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:
Answer: b. Code{margin-top:1cm; margin-bottom:1cm}

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?
Answer: b. Text-transform

Which of the following is true for a class selector?
Answer: d. It applies the style to all the elements defined with that style

Which of the following does not apply to external styles?
Answer: c. Highest priority

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?
Answer: a. Image bar.gif will be tiled vertically in the background in the center of the page.

Which of the following is not a valid text-decoration option?
Answer: b. Text-decoration :in-line

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?
Answer: b. Blue

The following is a style definition:
Td#aln
{text-align:center;
color:blue}
How will you refer to this style in your web page?
Answer: b. by using the id Attribute in a td cell

Which of the following is not a valid property of an aural style sheet?
Answer: c. Load

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:
Answer: b. Code{margin-top:1cm; margin-bottom:1cm}

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?
Answer: b. Text-transform

Which of the following are correct values of the overflow property?
Answer: a. Visible; b. Hidden; c. Scroll; d. Auto

Which element property is required to define internal styles?
Answer: b. Style

Which of the following is not true for a style sheet?
Answer: a. A style sheet defines how an html element will be displayed

You want to increase the space between the lines in all you paragraphs. What will you use?
Answer: c. P{line-height:1cm}

The default value for the overflow property is:
Answer: c. Hidden

oDesk test answer

Thursday, August 29, 2013

oDesk CSS test Answer

Odesk css-3 test answer

No comments:

Post a Comment

About Me