CSS test answer

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.

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

a. outline (Answer)

b. border

c. Both a and b

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

a.Yes  (Answer)

b.No

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

a.0

b.1 (Answer)

c.5

d.None

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

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

a.Explicit grid (Answer)

b.Natural grid

c.Default grid

d.None of the above

               

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

a.#fb0fb0

b.#ffbb00 (Answer)

c.#fbfb00

d.None of the above

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

a.auto

b.balance (Answer)

c.none

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)

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)

What is the type of the letter-spacing property?

a.length

b.number (Answer)

c.percentage

d.integer

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.

What will be the output of the following rule?

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

a.Opacity 1 with solid red color

b.Opacity 0 with solid blue color

c.Opacity 0 with solid red color

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

e.None of the above

               

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 }

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

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

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

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

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

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

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

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

a.0

b.10

c.100  (Answer)

d.500

e.None of the above

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

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

a.Johnleadshisteamtothevictory,butfailstoreachthefinals.

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

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

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

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

a.condensed

b.normal

c.semi-narrower   (Answer)

d.expanded

e.semi-expanded

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

What will happen if the following declaration is used?

body

{

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

   background-attachment: fixed;

   background-position: 100% 100%;

   background-repeat: no-repeat;

}

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

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

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

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

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

Consider the following font definition:

font-weight:normal

What is the other way of getting the same result?

a.font-weight:100

b.font-weight:900

c.font-weight:400  (Answer)

d.font-weight:700

What effect does the following rule have?

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

a.It creates rows with 4em height.

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

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

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

Question:

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

a.textbox1, textbox2 ,textbox3

b.textbox2, textbox3 ,textbox1  (Answer)

c.textbox3, textbox2 ,textbox1

d.textbox1, textbox3 ,textbox2

ruby-text (in XHTML: rt)

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

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

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

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

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

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

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

a.body

{

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

background-repeat: repeat-y;

background-attachment: fixed;

}

b.body

{

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

background-repeat: repeat-x;

background-attachment: fixed;

}

c.body

{

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

background-repeat: no-repeat;

background-attachment: fixed;

}

d.body{

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

background-repeat: repeat;

background-attachment: fixed;

}   (Answer)

e.body

{

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

background-repeat: space;

}

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

a.font-size   (Answer)

b.font-variant

c.font-weight

d.line-height(Answer)

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

a.button

b.span    (Answer)

c.table row

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

@media print

{

.footnote

{

float: footnote;

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

.marker { display: none }

}

HTML code:

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

...

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

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

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

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

d.Nothing will happen.    (Answer)

Consider the following code:

<style>

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

</style>

<div class="entry">

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

<span class="number">9843423232</span>

</div>

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

a.Shane Mathew....

...9843423232

b.Shane Mathew____

___9843423232   (Answer)

c.Shane Mathew

   9843423232

d.Shane Mathew---

---9843423232

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

a.start

b.end

c.left     (Answer)

d.right

e.center

f.justify

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.

What is the initial value of the opacity property?

a.0

b.1      (Answer)

c.normal

d.none

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

a.img {  float: next-page;  }

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

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

d.b and c  (Answer)

Consider the following code:

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

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

andy lives behind cafe

a.bndy lives behind cbfe

b.cndy lives cehind ccfe

c.andy lives behind café   (Answer)

d.andy lives cehind bafe

Which of the following is not a valid page break?

a.page-break-inside

b.page-break-outside    (Answer)

c.page-break-before

d.page-break-after

e.None of the above

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

a.none

b.left

c.right

d.top    (Answer)

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

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

b.No cursor will be displayed.

c.A pointer cursor will be displayed.

d.A text cursor will be displayed.

State whether following statement is true or false.

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

a.True    (Answer)

b.False

Posted in: CSS Test Answers