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
0 comments:
Post a Comment