Question01:Which
of the given options is/are equivalent to the following rule?
DIV { line-height: 1.2; font-size: 10pt }
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 }
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 }
Question02: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.
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.
Question03: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
b. font-variant (Answer)
c. font-weight (Answer)
d. line-height
Question04: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
b. border= “none”;
c. border: none; (Answer)
d. border= none;
e. None of the above
Question05:Which
of the following property doesn’t take up space?
a. outline
b. border
c. Both a and b (Answer)
b. border
c. Both a and b (Answer)
Question06:Can
a percentage value be given in a ruby-align property?
a. Yes
b. No (Answer)
b. No (Answer)
Question:07What
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.
b. No cursor will be displayed. (Answer)
c. A pointer cursor will be displayed.
d. A text cursor will be displayed.
Question:08What
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
b. 0 to 255 (Answer)
c. -250 to 250
d. -255 to 255
Question09: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
b. #ffbb00 (Answer)
c. #fbfb00
d. None of the ab
Question10:backface-visibility:hidden;
will this property hide the back side of a transformed div element?
a. Yes (Answer)
b. No
b. No
Question:11What 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.
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.
Question12:Read
the following:
@page rotated {size: landscape}
TABLE {page: rotated; page-break-before: right}
What will this code do?
@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
Question13: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:14What 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
b. Natural grid
c. Default grid
d. None of the above
Question:16Which
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:17Which
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
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
b. normal (Answer)
c. fast
d. none
Question:19What
is the default value of the transform property in CSS3?
a. 50% 50%
b. 0% 0%
c. 100% 100%
d. none (Answer)
b. 0% 0%
c. 100% 100%
d. none (Answer)
Question:20Which
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
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
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)
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′; }
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
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
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
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.
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)
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
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.
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.
<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
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.
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.
Question39
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.
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:40 What is the initial value of the hyphens property?
a. none
b. manual (Answer)
c. auto
d. default
b. manual (Answer)
c. auto
d. default
Question41
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
a. twenty two
b. two two
c. twenty and two
d. four
Question42 Consider the following code:
body { text-replace: “a” “b” “b” “c” }
What will be the output of the following string if you implement the text-replace style?
andy lives behind cafe
a. bndy lives behind cbfe
b. cndy lives cehind ccfe
c. andy lives behind cafe
d. andy lives cehind bafe
Question43 What is the default value of the transform property in CSS3?
a. 50% 50%
b. 0% 0%
c. 100% 100%
d. none
Questio44: To which of the following elements can the min-width property not be applied?
a. button
b. span
c.
table row
Question45 What is the initial value of the font-size property?
a. small
b. medium
c. large
d. default
Question46 What is the initial value of the opacity property?
a. 0
b. 1
c. normal
d. none
Question:47If 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.
Question48 For the clear property, which of the following value is not valid?
a. none
b. left
c. right
d. top
Question49 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
Question50 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
Question51 What is the initial value of the text-align property?
a. start
b. end
c. left
d. right
e. center
f. justify
Question52 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.
Question53 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.
Question54 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.
Question55 What is the initial value of the animation-iteration-count property?
a. 0
b. 1
c. 5
d. None
Question56 Which of the following is not a user interface element fragment selector?
a. value
b. choices
c. default
d. repeat-item
e. repeat-index
Question57 A/An___________ is defined with ‘grid-columns’, ‘grid-rows’ properties.
a. Explicit grid
b. Natural grid
c. Default grid
d. None of the above
Question58 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
Question59 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
Question60 Which of the following is not a valid page break?
a. page-break-inside
b. page-break-outside
c. page-break-before
d. page-break-after
e. None of the above
Question61 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.
Questio62 Consider the following code and say what will happen if you click on More?
@media print
{
.footnote
{
float: footnote;
content: target-move(attr(href, url)) }
.marker { display: none }
}
HTML code:
<p>John was a great writer<a href=”#words”> [More]</a>.
…
<p id=words><span>[More]</span> Great poet too.
a. The tool tip will appear saying Great poet too.
b. A pop up will appear saying Great poet too.
c. The page will shift focus to the line Great poet too.
d. Nothing will happen.
Question63 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.
Question64 State whether the following statement is true or false.
If a parent element display property is set to none, its children too will not be rendered.
a. True
b. False
Question65 Which of the following is not a valid value for the font-smooth property?
a. auto
b. never
c. always
d. normal
e. length
Question66 Which of the following is the initial value for the column-fill property?
a. auto
b. balance
c. none
Question67 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
Question68 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:69 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.
Question70 What is the initial value of the hyphens property?
a. none
b. manual
c. auto
d. default
Question71 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.
Question72
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.
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.
Question73 What is the initial value of the font-size property?
a. small
b. medium
c. large
d. default
Question74 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
Question75 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
Question76 Which of the following is not a user interface element fragment selector?
a. value
b. choices
c. default
d. repeat-item
e. repeat-index
Question77 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
Question78 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
Question79 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.
Question80 What is the initial value of the animation-iteration-count property?
a. 0
b. 1
c. 5
d. None
Question81 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
Question82 What is the initial value of the marquee-speed property?
a. slow
b. normal
c. fast
d. none
Question83 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;
}
Question84 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.
Question85 Which of the following are not valid values for the target-new property?
a. window
b. tab
c. none
d. parent
e. current
