oDesk CSS Test Interview Questions and Answers for Experienced basic advanced 2015-2016,oDesk CSS Test Interview Questions and Answers 2015,Top 20 oDesk CSS Test Interview Questions,oDesk CSS Test Interview Questions & Answers,oDesk CSS Test Interview Questions and Answers For Freshers and Experienced, oDesk CSS Test Frequently Asked Interview Questions,Freshers Latest oDesk CSS Test Technical Interview Questions & Answers,F2F Interview,oDesk CSS Test, Interview Questions & Answers,What would be some common oDesk CSS Test interview questions,oDesk CSS Test interview questions and answers for 2 years,oDesk CSS Test Developer Interview Questions,10 Common face to face oDesk CSS Test interview questions and answers,oDesk CSS Test Interview Questions and Answers,Top 10 oDesk CSS Test Interview Questions and Answers 2015,oDesk CSS Test (CMS)Interview Question Answer,Technical oDesk CSS Test Interview Questions and Answers for getting Job,Where can I find good oDesk CSS Test interview questions,oDesk CSS Test job interview questions and answers for freshers,oDesk CSS Test interview questions and answers for experienced,10 Tough oDesk CSS Test Interview Questions With Smart Answers,oDesk CSS Test interview questions and answers for experienced,How to Answer oDesk CSS Test Interview Questions,Where can I find good oDesk CSS Test interview questions ,Download oDesk CSS Test Interview Questions.
Ques 1. Can a percentage value be given in a ruby-align property?
Options:
b. No
Ques 2. Consider the following code snippet:
?
<div id="sectors"><div id="A" class="A"></div><div id="B" class="B"></div><div id="C" class="C"></div><div id="D" class="D"></div><div id="E" class="E"></div></div>
With these style rules:
?
<style>
#sectors > div {
float: left;
position: relative;
width: 80px;
height: 80px;
margin: 16px;
background-color:red; color: white;
text-align: center;
}
#sectors > div::after {
content: attr(id) '-Block';
}
#sectors > div.changecolor {
background-color: blue;
}
</style>
Which of the following code snippets when inserted into CSS will change the A and B div 's color from red to blue ?
Options:
a.
?
In style rule add this code "#sectors > div:not(.C):not(.D):not(.E) {background-color: blue;}"
Ques 3. 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?
Options:
a.
?
border: 1px solid rgba ( 255, 0, 0, 0.7 );
Ques 4. Consider the following code:
?
div[class^="stronger"] { }
{em
…
}
Which of the following statements is true?
Options:
a. It applies the rule only on divs who belong to a class that begins with "stronger".
Ques 5. Consider the following font definition:
font-weight:normal
What is the other way of getting the same result?
Options:
c. font-weight:400
Ques 6. Consider the following problem:
When trying to apply a CSS3 style to a label of a checked radio button like this:
?
….
<style>
label:checked { font-weight: bold; }
</style>
….
<input type="radio" id="rad" name="radio">
<label for="rad">A Label</label>
This does not produce the desired effect.
Which of the following snippets will correct issue?
Options:
c. input[type="radio"]:checked+label{ font-weight: bold; }
Ques 7. For the clear property, which of the following value is not valid?
Options:
d. top
Ques 8. For the clear property, which of the following values is not valid?
Options:
d. top
Ques 9.Given that one div element needs to be hidden and on active state needs to be displayed, what will be the
output of the following code?
?
div {
display: none;
-webkit-transition: opacity 1s ease-out;
opacity: 0;
}
div.active {
opacity: 1;
display: block;
}
Options:
a. On active state the element is displayed.
Ques 10. Given the following problem:
A drop shadow needs to appear only at the bottom, and no images should be used.
Consider the following code:
?
-moz-box-shadow: 0px 4px 4px #000;
-webkit-box-shadow: 0px 4px 4px #000;
box-shadow-bottom: 5px #000;
However, this produces shadows on the rest of the element.
Which of the following code snippets will correct the issue?
?
a) border-bottom:5px solid #ffffff;
-webkit-box-shadow: 0px 5px #000000;
-moz-box-shadow: 0px 5px #000000;
box-shadow: 0px 5px #000000;
Options:
b.
?
<b> -webkit-box-shadow: 0 4px 4px -2px #000000;
-moz-box-shadow: 0 4px 4px -2px #000000;
box-shadow: 0 4px 4px -2px #000000;</b>
Ques 11.Is it possible to combine a background image and CSS3 gradients?
Options:
b. It is possible only when "background-image" is used.
Ques 12. Is it possible to use transition animations with a gradient background?
Options:
b. No
Ques 13. Is there a way to create a pure CSS3 text color gradient?
Options:
c. There is no way to do a text color gradient with CSS3.
Ques 14. Read the following:
@page rotated { size: landscape }
TABLE { page: rotated; page-break-before: right }
What will this code do?
Options:
a. It will put all tables on a right-hand side landscape page.
Ques 15. 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.
Options:
a. True
Ques 16.Suppose that a tag has 10 tags. In this case which statement is correct given the following?
td:nth-child(3n+0){
background-color: orange;
}
Options:
d. The background color of every third td will be orange.
Ques 17. The min-width property cannot be applied to the following element:
Options:
c. table row
Ques 18. 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.
Options:
b.
?
input:not([type="radio"]):not([type="checkbox"]) {}
Ques 19. To apply style on every input element except text, which of the following selectors should be used?
Options:
b.
?
input:not([type="text"])
Ques 20. Using height on transitions is not possible with:
Options:
a. height:auto
Ques 21. What is the best method to select all elements except for the last one in an unordered list?
Options:
b. Using li : not( : last-child ) css selector
Ques 22. What is the default value of the animation-direction property?
Options:
b. normal
Ques 23. What is the default value of the transform-style property?
Options:
b. flat
Ques 24. What is the difference between float:left; vs display:inline-block; ?
Options:
b) display:inline-block; adds whitespace between the elements.
c. float:left; collapses the parent element on itself.
Ques 25. What is the initial value of the animation-iteration-count property?
Options:
a. 1
Ques 26. What is the initial value of the font-size property?
Options:
b. medium
Ques 27. What is the initial value of the marquee-speed property?
Options:
b. normal
Ques 28. What is the initial value of the opacity property?
Options:
a. 1
Ques 29. What is the maximum value that can be given to the voice-volume property?
Options:
b. 100
Ques 30. What is the range of values (in decimal notation) that can be specified in the RGB color model?
Options:
b. 0 to 255
