CSS3 Fiverr Test Questions and Options Updated Series 2
CSS3 - An Introduction
With CSS3, some visual elements are implemented differently and rendered differently by browsers. The main benefit of CSS3 is that it is divided into separate modules, unlike CSS2, so that it can be developed more efficiently. As a result, the specification is released in chunks, which are more stable than others.
CSS3 consists of the following major modules:
- Animations
- User interface (UI)
- Multiple column layout
- 2D/3D transformations
- Text effects
- Selectors
1. Which of the given options is/are equivalent to the
following rule?
DIV (line-height
12; font-size: 10pt)
DIV (line-height: 1.2em; font-size: 10pt)
DIV (line-height 12em; font-size: 10pt)
DIV (line-height: 120%; font-size: 10pt)
DIV (line-height: 20%; font-size: 10pt)
DIV (line-height: 80%; font-size: 10pt)
2. Which of the following is the valid option that can be
used to remove underlines from the links in CSS3?
text-underline: none;
text-formatting: none;
text-decoration: none;
3. In relation to
font-variant-caps property in CSS3, which of the following values deactivates
the use of alternate glyphs?
petite-caps
normal
unicase
inherit
4. 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)
Two style sheets can’t be included with @import
The toy tag can’t be included inside @media
@import rule is invalid since it occurs inside a @media
block
It is valid
5. 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
bndy lives behind cbfe
cndy lives cehind ccfe
andy lives behind cafe
andy lives cehind bafe
6.
In relation to CSS user interface properties, what is the default value of the
outline offset property?
0
1
-1
10
7. Which of the following options is not the valid CSS
background property?
background-color
background-repeat
background-position
background-picture
8. Can the given
code in CSS3 be used to create a thumbnail image?
<!DOCTYPE
html>
<html>
<head>
<style>
img {
border: 1px solid
#ddd;
border-radius:
4px;
padding: 5px;
width:150px;
}
</style>
</head>
<body>
<img
src="abc.jpg" alt="abc" style="width:150px">
</body
</html>
Yes
NO
9. In CSS3, which
of the following media types is used for the paged braille printers?
embossed
all
print
screen
10.
Which of the given user interface properties is/ are supported by CSS3?!
1. resize 2. outline-offset
Only
1
Only 2
Both 1 and 2
Neither 1 nor 2
11. In relation
to CSS 3D transforms, what is the default value of the transform-origin
property in CSS3?
50% 50% 0
40% 40% 20
20% 50% 30
12. Which of the
following will the result when you run the below html code?
<style type="text/css">
Dl {
counter-reset term -1:
}
dt: before {
counter-increment: term 3:
content: counter(term) ". ";
}
</style>
<dl>
<dt> terms</dt>
<dd>definition</dd>
<dt>term</dt>
<dd> definition</dd>
2. term
definition
5. term
definition
8. term
definition
3. term
definition
6. term
definition
9. term
definition
1.
term
definition
3. term
definition
6 term
definition
13. Which of the following is not a valid value for the
font-smooth property?
auto
never
always
normal
length
14.
In relation to the animation direction property in CSS3, which of the following
is the effect of the alternate-reverse value
The animation is played forwards first, then
backwards.
The animation is played backwards first, then forwards..
The animation is played
as normal (forwards)
The animation is played
in reverse direction (backwards)
15. In CSS3, which of
the given properties can be used to change the text direction of an element?
1. direction 2. unicode-bidi
Only
1
Only 2
Both 1 and 2
Neither 1 nor 2
16. 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"?
normal
pre
nowrap
pre-wrap
pre line
17.
Which of the following properties allow percentages in their value fields?
font-size
font-variant
font-weight
line-height
18.
Which of the following tag is used to embed css
in html page?
<css>
<!DOCTYPE html>
<script>
<style>
19. The color in three digit RGB notation is #fbo. What will
be its equivalent six digit color code?
#fb0fb0
#ffbb00
#fbfboo
None of the above
20.
In CSS3, which of the following options is the correct selector that can be
used to select every <ul> element that are preceded by a <p>
element?
p%ul
p~ut
p ! ul
p $ ul
21.
Which of the following is not a valid value for the font-stretch property?
condensed
normal
semi-arrower
expanded
semi-expanded
22. 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
23. What is the initial
value of the hyphens property?
none
manual
auto
default
24.
What is the initial value of the animation-iteration count property?
0
1
5
None
25. in relation
to CSS3, what does the following selector selects?
a
hrefs=".pdf”
it selects every element whose
href attribute value ends with “.pdf”
it selects every clement whose href attribute value starts
with “.pdf”
It selects the first element whose href attribute value ends
with “.pdf”
It selects the first element whose href attributevole starts
with par
26. ruby-text (in
XHTML: rt)
Which of the following display values assign ruby semantics
to an arbitrary element as given above?
It
specifies that an element defines a ruby base.
It specifies that an
element contains one or more ruby bases
it specifies that an
element defines a ruby text.
It specifies that an
element contains one or more ruby texts.
It specifies that an element defines a ruby structure
27.
Which of the given user interface properties is/are supported by CSS3?!
1. resize 2. outline-offset
Only
1
Only 2
Both 1 and 2
Neither 1 nor 2
28.
If you want to create a dropdown menu to go from right to left, instead of left
to right, then which of the following options will help you to achieve that?
style="left;:
style="left:0;
style="right:0;
29. Can the given code in CSS3 be used to create a thumbnail
image?
<!DOCTYPE
html>
<html>
<head>
<style>
Img {
border: 1px solid #ddd;
border-radius:
4px;
padding:
5px;
Width:150px;
}
</style>
<head>
<body>
amg
src="abc.jpg" alt="abc" style="width:150px">
</body>
</html>
Yes
No
30. In relation
to hsla(hue, saturation, lightness, alpha) color in CSS3, what is defined by
the parameter alpha?
It defines the thickness.
It defines the shade.
It defines the opacity
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.
The tool tip will appear saying Great poet too.
A pop up will appear saying Great poet too.
The page will shift focus to the line Great poet too
Nothing will happen
31. Which of the following is the initial value for the
column-fill property?
auto
balance
none
32. Which of the
following is the valid option that can be used to remove underlines from the
links in CSS3?
text-underline: none;
text-formatting: none;
text-decoration: none;
33. Which of the
following is the valid option that can be used to remove underlines from the
links in CSS3?
text-underline: none;
text-formatting: none;
text-decoration: none;
34.
What is the default value of the text-align property for Left to Right
Languages?
start
end
left
right
center
justify
35. In CSS3,
which of the following declarations can rotate an element counter-clockwise?
object-rotation: -30deg
rotate-object-30deg
transform: rotate(-30deg)
transform: rotateobject(-30deg)
36. In relation to CSS,
which of the following values of keyframes property are mandatory?
animationneme
keyframes-selector
CSS-styles
None of the above.
37. The CSS box model consists of which of the following
options?
1. Margin 2.
Padding 3. Content
All 1, 2, and 3
Only 1 and 2
Only 1 and 3
Only 2 and 3
38. Which of the
following rules is equivalent to the em (color: rgb(255,0.0) style?
em
(color: rgb(300,0,0))
em { color:
rgb(255,-10,0))
em color: rgb{110%, 0%,
0%)}
em { color: rgb(100%,
0%, 0%)]
All of the above
39. Which of the
following tag is used to embed css in html page?
<css>
<!DOCTYPE html>
<script>
<style>
40. Which of the
following CSS style property is used to specify an italic text?
a)
style
b) font
c) font-style
d) @font-face