CSS3 Skill test top 20%

December 25, 2013

Elance skill test - CSS3 (top 20%)

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

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

a.
b.
c.
d.
e.

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

DIV { line-height: 12em; font-size: 10pt }
DIV { line-height: 120%; font-size: 10pt }
DIV { line-height: 20%; font-size: 10pt }
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

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.
b.
c.
d.
e.

Opacity 1 with solid red color

Opacity 0 with solid blue color
Opacity 0 with solid red color
Opacity 1 with solid blue color
None of the above

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

a.
b.
c.
d.

font-size
font-variant
font-weight
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 doesnt 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.
b.
c.
d.

#fb0fb0
#ffbb00
#fbfb00
None of the above

Question_10:backface-visibility:hidden; will this property hide the back side of a transformed div element?

a.
b.

Yes
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.
b.
c.
d.

It will put all tables on a right-hand side landscape page.

It will rotate the page if the table is positioned at the right side.
It will keep the table in the landscape position and rotate the page.
None of the above

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

a.
b.
c.
d.
e.

0
10
100
500
None of the above

Question: Consider the following font definition:

font-weight:normal
What is the other way of getting the same result?

a.
b.
c.
d.

font-weight:100
font-weight:900
font-weight:400
font-weight:700

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

a.
b.
c.
d.

none
left
right
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.
b.

orphans
widows

c.
d.
e.

bottom
overflow
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.
b.
c.
d.

Two style sheets cant be included with @import.

The body tag cant be included inside @media.
@import rule is invalid since it occurs inside a @media block.
It is valid.

Question: A/An___________ is defined with grid-columns, grid-rows properties.

a.
b.
c.
d.

Explicit grid
Natural grid
Default grid
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.
b.
c.
d.
e.

window
tab
none
parent
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.
b.

True
False

Question:Which of the following styles is not valid for an image?

a.
b.
c.
d.
e.

img { float= left }

img { float: left here }
img { background: black }
img { border-width: 10 }
All of the above

Question:What is the initial value of the marquee-speed property?

a.
b.
c.
d.

slow
normal
fast
none

Question:What is the default value of the transform property in CSS3?

a.
b.
c.
d.

50% 50%
0% 0%
100% 100%
none

Question: Which of the following is not a user interface element fragment selector?
a.
b.
c.

value
choices
default

d.
e.

repeat-item
repeat-index

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

a.

b.

c.

d.

e.

body
{
background: red url(test.gif);
background-repeat: repeat-y;
background-attachment: fixed;
}
body
{
background: red url(test.gif);
background-repeat: repeat-x;
background-attachment: fixed;
}
body
{
background: red url(test.gif);
background-repeat: no-repeat;
background-attachment: fixed;
}
body
{
background: red url(test.gif);
background-repeat: repeat;
background-attachment: fixed;
}
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.
b.
c.
d.

textbox1, textbox2 ,textbox3

textbox2, textbox3 ,textbox1
textbox3, textbox2 ,textbox1
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.
b.
c.
d.

0
1
normal
none

Question:What is the initial value of the font-size property?

a.
b.
c.
d.

small
medium
large
default

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

continuous or paged
visual or tactile
grid or bitmap
braille or screen

Question:What is the initial value of the text-align property?

a.
b.
c.
d.
e.
f.

start
end
left
right
center
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.
b.
c.

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

d.
e.

The image will be shown in the background at the top right corner.
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.
b.
c.
d.

The default cursor will be displayed.

No cursor will be displayed.
A pointer cursor will be displayed.
A text cursor will be displayed.

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

a.
b.
c.
d.

0
1
5
None

This question is based upon the figure shown below (refer the image)
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.
b.
c.
d.

img { image-resolution: auto }

img { image-resolution: auto, 300dpi }
img { image-resolution: 300dpi }
None of the above

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

a.
b.
c.
d.

twenty two
two two
twenty and two
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.
b.
c.
d.

Clean separation of design and content

Minimal code duplication
Highest priority
Reduced page download time

Question:What is the type of the letter-spacing property?

a.
b.
c.
d.

length
number
percentage
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.
b.
c.
d.

img { image-resolution: auto }

img { image-resolution: auto, 300dpi }
img { image-resolution: 300dpi }
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

a.
b.
c.
d.

victory, but fails to reach the finals.

Johnleadshisteamtothevictory,butfailstoreachthefinals.
John leads his team to the victory, but fails to reach the finals.
John leads his team to the
victory, but fails to reach the finals.
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.
b.
c.
d.

twenty two
two two
twenty and two
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.
b.
c.
d.

bndy lives behind cbfe

cndy lives cehind ccfe
andy lives behind cafe
andy lives cehind bafe

Question: What is the default value of the transform property in CSS3?

a.
b.
c.
d.

50% 50%
0% 0%
100% 100%
none

Question: To which of the following elements can the min-width property not be applied?
a.
b.
c.

button
span
table row

Question: What is the initial value of the font-size property?

a.
b.
c.
d.

small
medium
large
default

Question: What is the initial value of the opacity property?

a.
b.
c.
d.

0
1
normal
none

Question: If the following rule is used, what will be the output?

: focus: active { outline-offset: 10px }
a.
b.
c.

The focus outline will appear at a distance of 10 pixels from the active element.
The width of the focus outline will be 10 pixels.
No outline will be shown.

Question: For the clear property, which of the following value is not valid?
a.
b.

none
left

c.
d.

right
top

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

a.
b.
c.
d.

Clean separation of design and content

Minimal code duplication
Highest priority
Reduced page download time

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

em { color: rgb(300,0,0) }
em { color: rgb(255,-10,0) }
em { color: rgb(110%, 0%, 0%) }
em { color: rgb(100%, 0%, 0%) }
All of the above

Question: What is the initial value of the text-align property?

a.
b.
c.
d.
e.
f.

start
end
left
right
center
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.
b.
c.
d.

Two style sheets cant be included with @import.

The body tag cant be included inside @media.
@import rule is invalid since it occurs inside a @media block.
It is valid.

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

h2 { pause: 40s 60s }

a.
b.
c.
d.

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

pause-after will be set to 40 seconds and pause-before will be set to 60 seconds.
pause-after and pause-before will be set to 40 seconds.
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.
b.
c.
d.

The default cursor will be displayed.

No cursor will be displayed.
A pointer cursor will be displayed.
A text cursor will be displayed.

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

a.
b.
c.
d.

0
1
5
None

Question: Which of the following is not a user interface element fragment selector?
a.
b.
c.
d.
e.

value
choices
default
repeat-item
repeat-index

Question:A/An___________ is defined with grid-columns, grid-rows properties.

a.
b.
c.
d.

Explicit grid
Natural grid
Default grid
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.
b.
c.
d.
e.

The image will be shown in the background at the bottom left corner.
The image will be shown in the background at the bottom right corner.
The image will be shown in the background at the top left corner.
The image will be shown in the background at the top right corner.
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.
c.
d.

0 to 255
-250 to 250
-255 to 255

Question: Which of the following is not a valid page break?

a.
b.
c.
d.
e.

page-break-inside
page-break-outside
page-break-before
page-break-after
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 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.
b.
c.
d.

The tool tip will appear saying Great poet too.

A pop up will appear saying Great poet too.
The page will shift focus to the line Great poet too.
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.
b.
c.
d.

Two boxes will be stacked one on another.

Box 1 will be on the left hand side and Box 2 will be on the right hand side horizontally.
Box 2 will be on the left hand side and Box 1 will be on the right hand side horizontally.
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.
b.

True
False

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

auto
never
always
normal
length

Question: Which of the following is the initial value for the column-fill property?
a.
b.
c.

auto
balance
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.
b.
c.
d.
e.

orphans
widows
bottom
overflow
None of the above

Question: If you set the value of the speak property to digits, how would 22 be spoken?
a.
b.

twenty two
two two

c.
d.

twenty and two

four

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

none
manual
auto
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.
b.
c.
d.

Two boxes will be stacked one on another.

Box 1 will be on the left hand side and Box 2 will be on the right hand side horizontally.
Box 2 will be on the left hand side and Box 1 will be on the right hand side horizontally.
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.
b.
c.
d.
e.

The image will be shown in the background at the bottom left corner.
The image will be shown in the background at the bottom right corner.
The image will be shown in the background at the top left corner.
The image will be shown in the background at the top right corner.
The image will be shown in the center of the page.

Question: What is the initial value of the font-size property?

a.
b.
c.
d.

small
medium
large
default

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

img { float: next-page; }

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

Question: Which of the following value of the white-space property will set the value of whitespace-collapse to preserve and value of the text-wrap to none?
a.
b.
c.
d.
e.

normal
pre
nowrap
pre-wrap
pre-line

Question: Which of the following is not a user interface element fragment selector?
a.
b.
c.
d.
e.

value
choices
default
repeat-item
repeat-index

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

a.
b.
c.
d.
e.

em { color: rgb(300,0,0) }
em { color: rgb(255,-10,0) }
em { color: rgb(110%, 0%, 0%) }
em { color: rgb(100%, 0%, 0%) }
All of the above

Question:Consider the following font definition:

font-weight:normal
What is the other way of getting the same result?
a.
b.
c.
d.

font-weight:100
font-weight:900
font-weight:400
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:What is the initial value of the animation-iteration-count property?
a.
b.
c.
d.

0
1
5
None

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

continuous or paged
visual or tactile
grid or bitmap
braille or screen

Question:What is the initial value of the marquee-speed property?

a.
b.
c.
d.

slow
normal
fast
none

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.
b.
c.
d.
e.

window
tab
none
parent
current

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

a.
b.
c.
d.

The default cursor will be displayed.

No cursor will be displayed.
A pointer cursor will be displayed.
A text cursor will be displayed.

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

a.
b.
c.
d.

Clean separation of design and content

Minimal code duplication
Highest priority
Reduced page download time

Question: Which of the following is the initial value for the column-fill property?
a.
b.
c.

auto
balance
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.
b.
c.
d.

textbox1, textbox2 ,textbox3

textbox2, textbox3 ,textbox1
textbox3, textbox2 ,textbox1
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.
b.
c.
d.

img { image-resolution: auto }

img { image-resolution: auto, 300dpi }
img { image-resolution: 300dpi }
None of the above

Question:A/An___________ is defined with grid-columns, grid-rows properties.

a.
b.
c.
d.

Explicit grid
Natural grid
Default grid
None of the above

Question:-backface-visibility:hidden; will this property hide the back side of a transformed div
element?
a.
b.

Yes
No

***************************************************************************************************
**********Some more questions on css3 asked in another test******************
****************************************************************************************************

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: 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: Which of the following properties doesnt take up space?

a. outline
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
b.No
Question: What is the initial value of the animation-iteration-count property?

a.0
b.1
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: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:Which of the following is the initial value for the column-fill property?
a.auto
b.balance
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

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 is the type of the letter-spacing property?
a.length
b.number
c.percentage
d.integer
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.
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 }
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: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 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 value of the white-space property will set the value of white-spacecollapse to preserve and value of the text-wrap to none?
a.normal
b.pre
c.nowrap
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
d.500
e.None of the above
Question: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: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.

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: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: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: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:Which of the following properties allow percentages in their value fields?

a.font-size
b.font-variant
c.font-weight
d.line-height
Question:To which of the following elements can the min-width property not be applied?
a.button
b.span
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.

Question:What is the default 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 cant be included with @import.
b.The body tag cant be included inside @media.
c. @import rule is invalid since it occurs inside a @media block.
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
b.False

(Answer)