Odesk CSS 2.0 Skill Test Answers 2014

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 } (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 2:
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. (Answer)
c. either join strokes or other cursive characteristics beyond those of italic typefaces.
d. primarily decorate the characters while still containing their representations.

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

a. font-size
b. font-variant (Answer)
c. font-weight (Answer)
d. line-height

Question_04:
Which of the following styles is valid?

a. border: “none”;
b. border= “none”;
c. border: none; (Answer)
d. border= none;
e. None of the above

Question_05:
Which of the following property doesn’t take up space?

a. outline
b. border
c. Both a and b (Answer)

Question_06:
Can a percentage value be given in a ruby-align property?

a. Yes
b. No (Answer)

Question:_07
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. (Answer)
c. A pointer cursor will be displayed.
d. A text cursor will be displayed.

Question:_08
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 (Answer)
c. -250 to 250
d. -255 to 255

Question_09:
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 ab

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

a. Yes (Answer)
b. No

Question:_11
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_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. (Answer)
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_13:
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 (Answer)
b. widows
c. bottom
d. overflow
e. None of the above
Question:14
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:15
A/An___________ is defined with ‘grid-columns’, ‘grid-rows’ properties.

a. Explicit grid (Answer)
b. Natural grid
c. Default grid
d. None of the above

Question:16
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:17
Which of the following styles is not valid for an image?

a. img { float= left } (Answer)
b. img { float: left here }
c. img { background: “black” }
d. img { border-width: 10 }
e. All of the above

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

a. slow
b. normal (Answer)
c. fast
d. none

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

a. 50% 50%
b. 0% 0%
c. 100% 100%
d. none (Answer)

Question:20
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:21
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:22
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:23
What is the initial value of the opacity property?

a. 0
b. 1 (Answer)
c. normal
d. none

Question:24
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 (Answer)

Question:25
What is the initial value of the text-align property?
a. start (Answer)
b. end
c. left
d. right
e. center
f. justify

Question:26
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′; } (Answer)
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:27
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 } (Answer)
d. None of the above

Question:28
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:29
Which of the following does not apply to external styles?

a. Clean separation of design and content
b. Minimal code duplication
c. Highest priority (Answer)
d. Reduced page download time

Question:30
To which of the following elements can the min-width property not be applied?
a. button
b. span
c. table new (Answer)

Question:31
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. (Answer)
b. The width of the focus outline will be 10 pixels.
c. No outline will be shown.

Question:32
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:33
What is the initial value of the animation-iteration-count property?

a. 0
b. 1 (Answer)
c. 5
d. None

Question:34
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:35
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. (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:36
Which of the following is the initial value for the column-fill property?

a. auto
b. balance (Answer)
c. none

Question:37

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. (Answer)
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:38
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:40
What is the initial value of the hyphens property?

a. none
b. manual (Answer)
c. auto
d. default

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 } (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 2:

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.(Answer)

c.             either join strokes or other cursive characteristics beyond those of italic typefaces.

d.            primarily decorate the characters while still containing their representations.

 

 

 

Question_03:

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

 

a.            font-size

b.            font-variant (Answer)

c.             font-weight (Answer)

d.            line-height

 

 

 

 

Question_04:

Which of the following styles is valid?

 

a.            border: “none”;

b.            border= “none”;

c.             border: none; (Answer)

d.            border= none;

e.            None of the above

 

 

 

Question_05:

Which of the following property doesn’t take up space?

 

a.            outline

b.            border

c.             Both a and b (Answer)

 

 

 

Question_06:

Can a percentage value be given in a ruby-align property?

 

a.            Yes

b.            No (Answer)

 

 

 

Question:_07

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. (Answer)

c.             A pointer cursor will be displayed.

d.            A text cursor will be displayed.

 

 

 

Question:_08

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 (Answer)

c.             -250 to 250

d.            -255 to 255

 

 

 

Question_09:

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 ab

 

 

 

 

 

 

 

Question_10:

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

 

a.            Yes (Answer)

b.            No

 

 

 

 

Question:_11

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_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. (Answer)

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_13:

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 (Answer)

b.            widows

c.             bottom

d.            overflow

e.            None of the above

 

 

Question:14

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:15

A/An___________ is defined with ‘grid-columns’, ‘grid-rows’ properties.

 

a.            Explicit grid (Answer)

b.            Natural grid

c.             Default grid

d.            None of the above

 

 

 

Question:16

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:17

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

 

a.            img { float= left } (Answer)

b.            img { float: left here }

c.             img { background: “black” }

d.            img { border-width: 10 }

e.            All of the above

 

 

 

Question:18

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

 

a.            slow

b.            normal (Answer)

c.             fast

d.            none

 

 

 

Question:19

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

 

a.            50% 50%

b.            0% 0%

c.             100% 100%

d.            none (Answer)

 

 

Question:20

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:21

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:22

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:23

What is the initial value of the opacity property?

 

a.            0

b.            1 (Answer)

c.             normal

d.            none

 

 

 

Question:24

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 (Answer)

 

 

 

Question:25

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

 

 

a.            start (Answer)

b.            end

c.             left

d.            right

e.            center

f.             justify

 

 

 

 

 

 

Question:26

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′; } (Answer)

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:27

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 } (Answer)

d.            None of the above

 

 

 

 

Question:28

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:29

Which of the following does not apply to external styles?

 

a.            Clean separation of design and content

b.            Minimal code duplication

c.             Highest priority (Answer)

d.            Reduced page download time

 

 

 

Question:30

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

 

 

a.            button

b.            span

c.             table new (Answer)

 

 

 

Question:31

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. (Answer)

b.            The width of the focus outline will be 10 pixels.

c.             No outline will be shown.

 

 

 

 

Question:32

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:33

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

 

a.            0

b.            1 (Answer)

c.             5

d.            None

 

 

 

 

 

Question:34

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:35

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. (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:36

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

 

a.            auto

b.            balance (Answer)

c.             none

 

 

 

Question:37

 

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. (Answer)

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:38

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:40

What is the initial value of the hyphens property?

 

a.            none

b.            manual (Answer)

c.             auto

d.            default

 

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 2:

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_03:

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

a.            font-size

b.            font-variant

c.             font-weight

d.            line-height

Question_04:

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_05:

Which of the following property doesn’t take up space?

a.            outline

b.            border

c.             Both a and b

Question_06:

Can a percentage value be given in a ruby-align property?

a.            Yes

b.            No

Question:_07

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:_08

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_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 ab

Question_10:

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

a.            Yes

b.            No

Question:_11

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_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_13:

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:14

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:15

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

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

a.            window

b.            tab

c.             none

d.            parent

e.            current

Question:17

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:18

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

a.            slow

b.            normal

c.             fast

d.            none

Question:19

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

a.            50% 50%

b.            0% 0%

c.             100% 100%

d.            none

Question:20

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:21

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:22

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:23

What is the initial value of the opacity property?

a.            0

b.            1

c.             normal

d.            none

Question:24

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:25

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

a.            start

b.            end

c.             left

d.            right

e.            center

f.             justify

Question:26

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:27

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:28

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:29

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:30

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

a.            button

b.            span

c.             table new

Question:31

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:32

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:33

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

a.            0

b.            1

c.             5

d.            None

Question:34

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:35

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:36

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

a.            auto

b.            balance

c.             none

Question:37

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:38

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:40

What is the initial value of the hyphens property?

a.            none

b.            manual

c.             auto

d.            default

 

 

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

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

a. snap

b. clip

c. scroll

d. visible

How will you display text as a superscript?

a. vertical-align: super

b. vertical-align: superscript

c. vertical-align: top

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}

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

Which of the following font properties deals with aspect value?

a. font-weight

b. font-variant

c. font-size-adjust

d. font-size

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

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 on a td cell

b. By using the id attribute on a td cell

c. By using the class attribute on any HTML element which supports the class attribute

d. By using the id attribute on any HTML element which supports the id attribute

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

a. visible

b. hidden

c. scroll

d. auto

Is it possible to force a style definition in a linked stylesheet to over-ride an in-line style definition?

a. Yes

b. No

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

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

a. expanded

b. inline-table

c. table-row

d. table-column-group

Which of the following cursor types is not valid?

a. wait

b. pointer

c. text

d. image

The following is a style definition:
#styl2
{
color: red;
}

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 class attribute in any HTML element which supports the class attribute

c. By using the id attribute in any HTML element which supports the 'id' attribute

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

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

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

Can you define multiple styles for the same HTML element/tag or selector?

a. Yes

b. No

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 <strong></strong> 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

The default value for the overflow property is:

a. scroll

b. visible

c. hidden

d. auto

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

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 46pt, the height of the letter 'x' will be 100pt

b. When font size is set to 100pt, the height of the letter 'x' will be 46pt

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 values are correct for font-style?

a. normal, wider, narrower

b. normal, italic, oblique

c. normal, bold, lighter

d. small, medium, large

Which of the following is not a pseudo class?

a. link

b. active

c. lang

d. ins

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. <td class="td.right">Some Text</td>

b. <td class="right" class="left">Some Text</td>

c. <td class="td.left" class="td.right">Some Text</td>

d. <td class="right">Some Text</td>

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%

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 <p></p> tag and <i></i> tag will be red

d. All the italic text within a paragraph will be red

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

Which style will always be over-ridden if you are using style definitions in the <head> tag, linked stylesheets using the <link..> tag and imported stylesheets using the @import method, provided same the style is defined using each of these techniques.

a. The in-line style

b. The style definition in the tag

c. The linked stylesheet

d. The imported stylesheet @import

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

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

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.

Which element property is required to define internal styles?

a. class

b. style

c. span

d. link

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

How will you link a style sheet named "ssa.css" in your web page?

a. <import name=''stylesheet'' url=''ssa.css''>

b. <link rel=''stylesheet'' type=''text/css'' href="ssa.css">

c. <style name=''stylesheet'' url=''ssa.css''>

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

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}

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

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

b. Statement 2 is correct but statement 1 is incorrect

c. Both statements are correct

d. Both statements are incorrect

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 shown in the image, which of the following properties will you use?

a. Outline

b. display

c. float

d. merge

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

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

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 a small graphic that you have created. Which style could you use?

a. list-style

b. list-style-marker

c. list-marker

d. list-style-graphic

e. list-bullet

f. list-style-image

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

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

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

You want to increase the space between the lines in all your paragraphs. Whatwill you use?

a. p{ width:1cm}

b. p{ height: 1cm}

c. p{ line-height: 1cm}

d. p{ line-width: 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?

a. text-mode

b. text-transform

c. text-decoration

d. text-shadow

e. text-case

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. <td class="td.right">Some Text</td>

b. <td class="right" class="left">Some Text</td>

c. <td class="td.left" class="td.right">Some Text</td>

d. <td class="right">Some Text</td>

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

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

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 <strong></strong> 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

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

How will you link a style sheet named "ssa.css" in your web page?

a. <import name=''stylesheet'' url=''ssa.css''>

b. <link rel=''stylesheet'' type=''text/css'' href="ssa.css">

c. <style name=''stylesheet'' url=''ssa.css''>

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

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

The following is a sample style:
1. p
2. (
3. font-family:arial
4. color:black
5. text-align:left
6. );

What correction is required in the above style?

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

The font-family property is used to specify a:

a. family name

b. generic family

c. family name and/or generic family

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

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 <p></p> tag and <i></i> tag will be red

d. All the italic text within a paragraph will be red

Which of the following are valid css text properties in CSS2.0?

a. direction

b. text-transform

c. text-indent

d. text-height

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

Which style will always be over-ridden if you are using style definitions in the tag, linked stylesheets using the tag and imported stylesheets using the @import method, provided the same style is defined using each of these techniques.

a. The in-line style

b. The style definition in the tag

c. The linked stylesheet

d. The imported stylesheet @import

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 options regarding page media groups is wrong?

a. continuous/paged

b. visual/audio/speech/tactile

c. grid/bitmap

d. dynamic/interactive/static

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 element defined with that selector

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

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

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

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

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

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

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

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

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

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

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

Q10. Which element property is required to define internal styles?

a. class

b.  style

c. span

d. link

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

 

Q12. Which of the following font properties deals with aspect value?

a. Font-weight

b. Font-variant

c. Font-size-adjust 

d. Font-size

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

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

a. Cue

b. Voice-family

c. Load 

d. Speak

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

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

a. Visible

b. Hidden 

c. Scroll

d. Auto

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

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

Q19. Text text text text

A Text text

Sentence text text

Inside text text

A text ext

Text text text

Text text

Text text text textYou 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

Q20. Which style property can be used to display only some part of an image?a. Snap

b. Clip 

c. Scroll

d. Visible

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

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

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

Q24. The default value for the overflow property is:

a. Scroll

b. Visible

c. Hidden 

d. Auto

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

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

Q27. Which of the following is not a pseudo class?

a. Link

b. Active

c. Lang

d. Ins 

Q28. The font-family property is used to specify a:

a. Family name

b. Generic Family

c. Family name and /or generic Family

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

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

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

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

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

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

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

Q36. How will you display text as a superscript?

a. Vertical-align: super 

b. Vertical-align: superscript

c. Vertical-align : top

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

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

What is the best method to select all elements except for the last one in an unordered list?

Adding a class to each <li> element but last

Using li:not(:last-child) css selector

Using li:last-child selector

None of the above

After enabling hardware-acceleration in CSS3, its performance becomes slow.

Choose the correct code to prevent this problem.

-webkit-transform:none;

-webkit-perspective: 100;

-webkit-backface-visibility: hidden;

-webkit-perspective: 100;

-webkit-backface-visibility: hidden;

-webkit-perspective: 1000;

None of them.

Which media query targets the most number of devices (desktop, tablet, mobile phone) and screen sizes?

@media (min-width:320px) { }

@media (min-width:480px) {  }

@media (min-width:600px) {  }

@media (min-width:801px) {  }

@media (min-width:1025px) {  }

@media (min-width:1281px) {  }

@media (min-width:320px) {  }

@media (min-width:481px) {  }

@media (min-width:641px) {  }

@media (min-width:961px) {  }

@media (min-width:1025px) {  }

@media (min-width:1281px) {  }

@media  screen and (min-device-width: 480px){  }

@media  screen and (min-device-width: 768px){  }

@media  screen and (max-device-width: 480px){  }

@media  screen and (max-device-width: 768px){  }

 

 

What is the difference between float:left; vs display:inline-block; ?

Note: There may be more than one right answer.

There is no difference, both of them have the same results.

display:inline-block; adds whitespace between the elements.

float:left; collapses the parent element on itself.

None of these.

Which of the following will apply a black inner glow with 25% opacity to a page element?

box-shadow: 0 0 8px rgba(255,255,255, 0.25);

box-shadow: inset 0 0 8px rgba(0,0,0, 0.25);

box-shadow: 0 0 8px rgba(255,255,255, 25%);

box-shadow: inset 0 0 8px rgba(0,0,0, 25%);

Which of the following will decrease 50px from a DIV element whose width is 100%?

width: calc(100% - 50px);

width: reduce(100% - 50px);

width: decrease(100% - 50px);

width: 100% - 50px;

What is the default value of the transform-style property?

preserve-3d

flat

none

preserve

While rendering the following code, what is the role of "src" propery?

@font-face {

    font-family: "calibriforh1";

    src: local("callibri"), url(callibri.woff);

}

h1 { font-family: "calibriforh1", arial, sans-serif; }

Browser search "callibri" fonts in user's system.If it does not exist, it will load from the server

Browser load fonts from the user's system, if it does not exist, it show default font

Browser show default fonts

None of the above

Using height on transitions is not possible with:

height:auto

height:100%

height:0

max-height:100%

Which statement is correct given the following?

box-shadow:30px 20px 10px 5px black;

The shadow will be spread out to 30px top, 20px right, 10px bottom, 5px left.

The position of the horizontal black shadow is 30px and the position of the vertical black shadow is 20px and blur distance is 10px and size of shadow is 5px.

The position of the vertical  black shadow is 30px and the position of the horizontal black shadow is 20px and size of shadow is 10px and blur distance is 5px.

The shadow will be spread out to 30px top and bottom, 20px left and right with 10px blur distance, 5px shadow size.

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