Up Work css test 2018 Questions and Answers

Signed in as Odesk Expert Odesk
Time remaining: 02:00
CSS Test
Question 1 of 45

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

h2 { pause: 40s 60s }

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

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

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

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

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:57
CSS Test
Question 2 of 45

Which of the following can be used to add a shadow around the div element below?

<div>Lorem ipsum</div>

box-shadow: 0 0 8px 2px #888; ok

border-shadow: 0 0 8px 2px #888;

div-shadow: 8px 2px 0 0 #888;

None of these

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:33
CSS Test
Question 3 of 45

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

width: calc(100% - 50px);    ok

width: reduce(100% - 50px);

width: decrease(100% - 50px);

width: 100% - 50px;

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:48
CSS Test
Question 4 of 45

Consider the following code:

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

What will be the output of the following string if the text-replace style is implemented?

andy lives behind cafe

ndy lives behind cbfe ok

cndy lives cehind ccfe

andy lives behind cafe

andy lives cehind bafe

Can this question be improved?
Let us know
Continue


Signed in as Odesk Expert Odesk
Time remaining: 01:47
CSS Test
Question 5 of 45

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

The default cursor will be displayed.

No cursor will be displayed. ok

A pointer cursor will be displayed.

A text cursor will be displayed.

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:51
CSS Test
Question 6 of 45

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

1 ok

5

None

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:39
CSS Test
Question 7 of 45

What will be the output of the following rule?

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

Opacity 1 with solid red color

Opacity 0 with solid blue color

Opacity 0 with solid red color

Opacity 1 with solid blue color

None of these

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:39
CSS Test
Question 7 of 45

What will be the output of the following rule?

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

Opacity 1 with solid red color

Opacity 0 with solid blue color

Opacity 0 with solid red color   ok

Opacity 1 with solid blue color

None of these

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:50
CSS Test
Question 8 of 45

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%);

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:13
CSS Test
Question 8 of 45

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); ok

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

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

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:52
CSS Test
Question 9 of 45

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

slow

normal ok

fast

none

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:57
CSS Test
Question 10 of 45

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

Note: There may be more than one right answer.

font-size

font-variant

font-weight

line-height

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:44
CSS Test
Question 11 of 45

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

auto

balance ok

none

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:55
CSS Test
Question 12 of 45

Suppose there are 16 <div> elements and a style needs to applied only on every 4th element. Which of the following is correct?

Note: There may be more than one right answer.

div:nth-child(4), ok
div:nth-child(8),
div:nth-child(12),
div:nth-child(16) { }

div:nth-child(4n) { } ok

div:nth-child(4n+4)  { }

div:nth-child(3n+4)

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:46
CSS Test
Question 13 of 45

Problem to solve:
Need to use attribute selector in css to change link on different color and image.
The following code is not working correctly:

...
<style>
a {
     display: block;
     height: 25px;
     padding-left: 25px;
     color:#333;
     font: bold 15px Tahoma;
     text-decoration: none;
 }

 a[href='.pdf'] { background: red; }

</style>
.....
<a href="/manual.pdf">A PDF File</a>

Which of the following code snippets will correct issue?

a[href$='.pdf'] { /*css*/ } ok

a[href#='.pdf'] { /*css*/ }

a[href@='.pdf'] { /*css*/ }

a{href$='.pdf'} [/*css*/ ]

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:47
CSS Test
Question 14 of 45

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

none

left

right

top ok

Can this question be improved?
Let us know
Continue
For the clear property, which of the following values is not valid?

Signed in as Odesk Expert Odesk
Time remaining: 01:54
CSS Test
Question 15 of 45

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

orphans ok

widows

bottom

overflow

None of these

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:58
CSS Test
Question 16 of 45

Which of the following option does not exist in media groups available in CSS3?

continuous or paged

visual or tactile

grid or bitmap

braille or screen ok

Can this question be improved?
Let us know
Continue


Signed in as Odesk Expert Odesk
Time remaining: 01:58
CSS Test
Question 17 of 45

What effect does the following rule have?

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

It creates rows with 4em height.

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

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

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

Can this question be improved?
Let us know
Continue


Signed in as Odesk Expert Odesk
Time remaining: 01:50
CSS Test
Question 18 of 45

To make childdiv vertically center of given code, what should the "display" property of parentdiv and childdiv be?

#parentdiv
{
  width: 200px;
  height: 400px;
  vertical-align: middle;
}

#childdiv
{
  width: 100px;
  height: 50px;
}
<div id="parentdiv">
<div id="childdiv">Vertical Center</div>
</div>

display:table-cell; for parentdiv and display:inline-block; for childdiv ok

display:block; for parentdiv and display:inline-block; for childdiv

display:inline-block; for parentdiv and display:table-cell; for childdiv

display:inline-block; for parentdiv and display:inline-block; for childdiv

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:55
CSS Test
Question 19 of 45

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

auto

never

always

normal ok

length

Can this question be improved?
Let us know
Continue


Signed in as Odesk Expert Odesk
Time remaining: 01:56
CSS Test
Question 20 of 45

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

img { float= left }

img { float: left here }

img { background: "black" }

img { border-width: 10 }

All of the above ok

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:53
CSS Test
Question 21 of 45

Which of the following statements is true with regard to CSS3 transitions?

Using CSS transitions will slow down page upload and produce lag.

The completion of a CSS transition generates a corresponding DOM event. An event is fired for each property that undergoes a transition. This allows a content developer to perform actions that synchronize with the completion of a transition.

CSS transitions allow DOM events in CSS values to occur smoothly over a specified duration.

None of these. ok

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:31
CSS Test
Question 22 of 45

Consider the following code:

border-opacity:0.7;

Given a div element that needs to have a transparent red border, which of the following code samples will work in conjunction with the code above to accomplish the requirement?

border: 1px solid rgba(255, 0, 0, 0.7); ok

border: 1px solid rgb(255, 0, 0, 0.7);

border: 1px solid rgba(255, 255, 0, 0.7);

border: 1px solid red;
opacity: 0.7;

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:54
CSS Test
Question 23 of 45

What will be the output of the following code? qqqqqqqqqqqqqqqqqqqqqq

<style>
.foo {
    width:100px;
    height:50px;
    border-width:3px;
    -webkit-border-image:
        -webkit-gradient(linear, 0 0, 0 100%, from(black), to(red)) 1 100%;
    -webkit-border-image:
        -webkit-linear-gradient(black, red) 1 100%;
    -o-border-image:
             -o-linear-gradient(black, red)) 1 100%;
    -moz-border-image:
           -moz-linear-gradient(black, red) 1 100%;  

}
</style>

<div  class="foo">Lorem</div>

The text "Lorem" will be colored black-red.

The div element will be colored black-red.

The border of div element will be colored black-red. ok

None of these.

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:30
CSS Test
Question 24 of 45

What is the default value of the animation-direction property?

none

normal ok

alternate

inherited

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:56
CSS Test
Question 25 of 45

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

condensed

normal

semi-narrower ok

expanded

semi-expanded

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:57
CSS Test
Question 26 of 45

Read the following:

@page rotated {size: landscape}
TABLE {page: rotated; page-break-before: right}

What will this code do?

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

It will rotate the page if the table is positioned at the right side. ok

It will keep the table in the landscape position and rotate the page.

None of the above

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:52
CSS Test
Question 27 of 45

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 ok

Using li:last-child selector

None of the above

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:54
CSS Test
Question 28 of 45

To apply style on every input element except text, which of the following selectors should be used?

input:([!type='text'])

input:not([type="text"]) ok

input:not([type!="text"])

input:([type!='text'])

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:56
CSS Test
Question 29 of 45

Which of the following will create a triangle effect using pure CSS3 on a white background, without making use of background images?

It is not possible to do so.

border-color: #a0c7ff #ffffff #ffffff #ffffff;
    border-style: solid;
    border-width: 20px;
    width: 0px;
    height: 0px; ok

background-color: #a0c7ff #ffffff #ffffff #ffffff;
    border-style: solid;
    border-width: 20px;
    width: 0px;
    height: 0px;

background-color: #a0c7ff #ffffff #ffffff #ffffff;
border-style: solid;
border-width: 1px;
width: 10px;
height: 10px;

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:04
CSS Test
Question 30 of 45

There are various types of input fields in a HTML page. Choose the appropriate CSS3 code which will have an effect on all inputs, except checkbox and  radio.

form input:not([type="radio"], [type="checkbox"]) {
}

input:not([type="radio"]):not([type="checkbox"]) {
} ok

input:not([type="radio & checkbox"]) {
}

input:!([type="radio"]) , input:!([type="checkbox"]) {
}

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:39
CSS Test
Question 31 of 45

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

10

100 ok

500

None of the above

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:53
CSS Test
Question 32 of 45

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

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

Note: There may be more than one right answer.

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

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

DIV { line-height: 120%; font-size: 10pt } ok

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

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

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:48
CSS Test
Question 33 of 45

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

Note: There may be more than one right answer.

window

tab

none

parent ok

current ok

Can this question be improved?
Let us know
Continue

Signed in as Odesk Expert Odesk
Time remaining: 01:48
CSS Test
Question 34 of 45

Is it possible to format numbers with CSS?

No, CSS cannot be used for that purpose. ok

Yes, it can be done using the number-format property.

Yes, it can be done using the decimal property.

None of these.

Can this question be improved?
Let us know
Continue