CSS3 test answers 2023
Fiverr css3 Test 2023 Question Answers
1. What does the outline-offset property do?
Offsets an outline
Draws an outline beyond the border edge.
Both of the other answers are correct.
2. If the following rule is used, what will be the output?
:focus,:active { outline-offset: 10px }
The focus outline will appear at a distance of 10 pixels
from the active element.
The width of the focus outline will be 10 pixels.
No outline will be shown.
3. What CSS3 attribute is not correct?
scale()
matrix()
slide()
translate()
all are right
4. Have all of the CSS3 properties been implemented in the modern browsers?
No
All except Safari
Yes
All except Internet Explorer.
5. 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:
styleft:0;
style-right:0
6. Can you add a dropdown menu inside a navigation bar using
CSS 3 dropdowns?
Yes
No
7. How can you apply a "bounce" effect to an element?
Move it using "cubic-bezier", with greater values
than normal.
Create an animation which moves the element to a position
transitionally, followed by another faster but shorter move, in the opposite
direction.
Both answers are correct.
8. This code will affect: @media print {h1#first { position:
static }
print only
all browsers as well as print
all media devices except print
none of these
9. Which of the following is the valid option that can be
used to remove underlines from the lines in CSS3?
text-underline: none
text formatting:none
text-decoration:none;
10. Which of the given are the valid values of the
ruby-align property
start 2. left 3. line-edge 4. distribute-space
All 1,2.3 and 4
Only 1, 2 and 3
Only 1, 2 and 4
Only 2.3 and 4
11. What will happen it 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
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
12. Which of the following options are the correct CSS
pseudo classes?
not(selector)
nth-last-of-type(n)
target
selection
13. 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 “ ul
p ! ul
p $ ul
14. Which of the following options does NOT exist in media
groups available in CSS3
continuous or pagod
visual or tactile
grid or bitmap
braille or screen
15. Which of the given options is/are equivalent to the
following rule? DIV { line-height: 1.2; 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 }
16. While rendering the following code, what is the role of
"src" propery? @font-face { font-family: "calibriforh1";
src: local("calibri"), url(calibri.woff); } h1 { font-family:
"calibriforh1", arial, sans-serif; }
It's for searching the user's system for a
"calibri" font, and if it does not exist, it will load the font from
the server instead.
It's for searching the user's system for a
"calibri" font, and if it does not exist, it will load user's system's
default font instead.
It's for loading the user's system's default font.
None of these.
17. Using height on transitions is not possible with:
height:auto
height:100%
height:0
max-height:100%
18. Consider the following font definition: font-weight:normal
What is the other way of getting the same result?
font-weight:250
font-weight:800
font-weight:400
font-weight:100
19. In which position will it be calculated from the upper
left corner of the parent layer?
position: fixed
position: relative
position: absolute
20. The color in three digit RGB notation is #fb0. What will
be its equivalent six digit color code?
None of the above
#fbfb00
#ffbb00
#fb0fb0
21. 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”?
nowrap
pre-line
normal
pre-wrap
pre
22. 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?
img { float: next-page top; }
img { float: next-page; }
img { float: top-corner next-page; }
Both of the above
23. How to support media queries in IE 8 and older versions?
using respond.js
using css3
using JQuery plug-in
IE 8 or older versions are not support media queries anymore
24. What is the proper syntax inline styling a floated
element to the left?
style="float:left;"
float="left";
style="float-left"
style="float=left"
25. Does a class selector and pseudo class selector have the
same specificity weight?
True
False
26. What is the right syntax of media query?
media="(width: 480px)"
media=width: 480px
media="('width': '480px')"
media="'width': '480px'
27. Which CSS position property would you use for effecting within
parent's attributes?
Relative
Fixed
Static
None
28. What effect does setting position: static; have on an
element with no other style rules applied have?
No effect
Causes the element to scroll when the window is scrolled.
Moves the element to the left side of its parent element.
Causes the element not to scroll when the window is
scrolled.
29. How can you center a block with a certain width?
margin: 0 auto;
text-align: center;
block-align: center;
margin: 0;
30. How do you center content horizontally in a page's body
element?
body { width: 90%; margin: 0 auto; }
body { left: 50%; }
body { align: center; }
31. What is one way to override inline css rules on an html
div from within a stylesheet?
div[style]{}
Place stylesheet after html element in the dom
!important
32. div is a block level element?
Yes
No
33. If i set font-size to 1em, what's the default size in
pixels?
16px
18px
10px
12px
34. Which type of doesn't use a selector?
Inline
Internal
External
all are wrong
35. We write single________ before the pseudo-class property
Hash
Dot
Colon
Semicolon
36. The correct inline CSS to remove underlines from links
is <style="text-decoration: none">
False
True
37. For what purpose we use text-indent property?
to specify the indentation of the last line of a text
to specify the indentation of the first line of a text
All answers are correct
to specify the indentation of the all line of a text
38. Which statement is used in CSS to remove table borders?
tableborder: false;
table: remove-border;
border-collapse: collapse;
border: remove;
39. Hex values are written as three double digit numbers
starting with which character?
$ sign
# sign
% sign
@ sign
40. Which defines the size of text?
fontsize :
font-size :
fontsiZe :
font.size :
41. CSS is a web standard that describes style for?
XML/HTML documents
Javascipt
42. How to put a background image?
fond:;
background-image : ;
background-color:;
background: ;
43. Which of the following position/number-based pseudo
class selectors selects the first element within a parent
:only-of-type
:first-child
:last-of-type
:root
44. Which property specifies whether a border should be
solid, dashed line, doted line, double line, groove etc.?
border-layout
border-weight
border-decoration
border-style
45. What does the greater than sign ( > ) indicate in
CSS?
Select the child of the element it follows
Selects the last element
Selects the next element
Selects the previous element
46. Which can you use to move one element above another?
position
margin
padding
z-index
47. Which property can help you to create a more layered
webpage layout?
x-index
z-index
y-index
48. Which of the following options below has the correct CSS
syntax?
p {color:red; text-align:center;}
p {color:red; text-align:center}
p {color:red; text-align:center};
p (color:red;text-align:center;)
49. backface-visibility:hidden; will this property hide the
back side when an element is rotated?
Yes
No
50. Which of the following CSS functions can be used to insert the value of
a custom property?
va()
var()
attr()
51. 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.
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.
52. 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)
53. 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 body tag can't be included inside @media.
@import rule is invalid since it occurs inside a @media
block.
It is valid.
54. Which of the following is not a user interface element fragment
selector?
value
choices
default
repeat-item
repeat-index
55. 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.
Johnleadshisteamtothevictory,butfailstoreachthefinals.
John leads his team to the victory, but fails to reach the
finals.
John leads his team to the victory, but fails to reach the
finals
John leads his team to thevictory, but fails to reach
thefinals.
56. Which of the given options is/are equivalent to the
following rule?
DIV { line-height: 1.2; 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 }
57. If you set the value of the speak property to digits, how would 22 be
spoken?
twenty two
two two
twenty and two
four
58. Consider the following font definition:
font-weight:normal
What is the other way of getting the same result?
font-weight:100
font-weight:900
font-weight:400
font-weight:700
59. Which of the following filters does SVG support?
SVG supports only CSS filters.
SVG supports CSS filters as well as ‘filter’ property of SVG
SVG supports only ‘filter’ property of SVG
SVG does not supports any filters
60. 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.
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.
61. Which of the following properties allow percentages in their value fields?
font-size
font-variant
font-weight
line-height
62. Which of the following is not a valid value for the font-stretch property?
condense
normal
semi-narrower
expanded
63. Which of the following styles is valid?
order: “none”;
order= “none”;
order: none;
order= none;
None of these.
64. Which one of the following is appropriate to mirror/flip
text by using CSS3?
.mirror_text{ -moz-transform: scaleX(-1); -o-transform:
scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter:
FlipH; -ms-filter: “FlipH”; }
.mirror_text{ Box-reflect; 20px right; }
.mirror_text{ Box-reflect; 20px left; }
.mirror_text{ -moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
65. What is the initial value of the marquee-speed property?
slow
normal
fast
none
66. Using height on transitions is not possible with:
height:auto
height:100%
height:0
max-height:100%
67. 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”]) { }
input:not([type=”radio & checkbox”]) { }
input:!([type=”radio”]) , input:!([type=”checkbox”]) { }
68. 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;
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;
69. Can a percentage value be given in a ruby-align property?
Yes
No
70. Consider the following font definition:
font-weight:normal
What is the other way of getting the same result?
font-weight:100
font-weight:900
font-weight:400
font-weight:700
71. Consider the following code:
div[class^=”stronger”] { }
{em
…
}
Which of the following statements is true?
It applies the rule only on divs who belong to a class that
begins with “stronger”.
It applies the rule only on divs of class “stronger”.
It applies the rule only on divs who belong to a class which
end with “stronger”.
It applies the rule only on divs who belong to a class which
does not contain “stronger” in its name.
72. For the clear property, which of the following values is not valid?
none
left
right
top
73. Which of the following is not a valid value for the
font-smooth property?
auto
never
always
normal
length
74. 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
75. Which of the following is not a valid page break?
page-break-inside
page-break-outside
page-break-before
page-break-after
None of these
76. The min-width property cannot be applied to the following element:
button
span
table row
77. 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
cndy lives cehind ccfe
andy lives behind cafe
andy lives cehind bafe
78. What is the default value of the transform-style property?
preserve-3d
flat
none
preserve
79. Suppose that a <tr> tag has 10 <td> tags. In
this case which statement is correct given the following?
td:nth-child(3n+0){
background-color: orange;
}
It returns a syntax error.
The background color of the fourth td will be orange.
The background color of the third td will be orange.
The background color of every third td will be orange.
80. 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
Using li:last-child selector
None of the above
81. 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%);
82 Which of the following is the initial value for the column-fill property?
auto
balance
none
83. 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;
border-shadow: 0 0 8px 2px #888;
div-shadow: 8px 2px 0 0 #888;
None of these
84. Which of the following will decrease 50px from a DIV element whose width is
100%?
width: calc(100% – 50px);
width: reduce(100% – 50px);
width: decrease(100% – 50px);
width: 100% – 50px;
85. 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
widows
bottom
overflow
None of these
86. What is the maximum value that can be given to the voice-volume
property?
10
100
500
None of the above
87. What is the initial value of the font-size property?
small
medium
large
default
88. Is there a way to create a pure CSS3 text color
gradient?
Yes, using the text-gradient property.
Yes, but only for headings.
There is no way to do a text color gradient with CSS3.
None of the above.
89. 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);
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;
90. What is the initial value of the animation-iteration-count property?
1
5
None
91. What is the default value of the animation-direction property?
none
normal
alternate
inherited
92. Is it possible to combine a background image and CSS3 gradients?
It is possible only when two separate styles are used,
“background-image” and “gradient”, on an HTML tag.
It is possible only when “background-image” is used.
It is possible only when layered HTML tags are used,
“background-image” and “gradient”.
It is not possible to combine a background image and CSS3
gradients.
93. What will happen if the cursor property value is set to
none?
The default cursor will be displayed.
No cursor will be displayed.
A pointer cursor will be displayed.
A text cursor will be displayed.
94. What will be the outcome of given code?
div[class^=”stronger”] { }
{
…
}
It applies the rule only on divs who belong to a class that
begins with “stronger”.
It applies the rule only on divs of class “stronger”.
It applies the rule only on divs who belong to a class which
end with “stronger”.
It applies the rule only on divs who belong to a class which
does not contain “stronger” in its name.
95. To apply style on every input element except text, which of the following
selectors should be used?
input:([!type=’text’])
input:not([type=”text”])
input:not([type!=”text”])
input:([type!=’text’])
96. For the clear property, which of the following value is not valid?
none
left
right
top
97. 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.
It will keep the table in the landscape position and rotate
the page.
None of the above
98. What is the initial value of the opacity property?
1
normal
none
99. 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.
True
False
100. Is it possible to use transition animations with a gradient background?
Yes
No
101. What is the difference between float:left; vs
display:inline-block; ?
There is no difference, both of them have the same results.
display:inline-block; adds whitespace between the elements.
float:left; collapses the parent element on itself.
None of these.
102. What is the range of values (in decimal notation) that can be specified in
the RGB color model?
0 to 256
0 to 255
-250 to 250
-255 to 255
103. Which of the following are not valid values for the target-new property?
window
tab
none
parent
current
104. 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
105. 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.
106. Which of the given options is/are equivalent to the following rule?
DIV { line-height: 1.2; 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 }
107. What will happen if the following style declaration is applied to an
element?
p { margin: 3em 2em }
The top and the bottom margins will be 3em and the left and
the right margins will be 2em.
The top and the bottom margins will be 2em and the left and
the right margins will be 3em.
The top and the left margins will be 3em and the bottom and
the right margins will be 2em.
The top and the right margins will be 2em and the bottom and
the left margins will be 3em.
108. To give the effect of using tables without actually using tables in the
HTML use:
display:block
display:table
display:column
display:row
109. Is it true that the z-index property only applies to
positioned elements?
No
Yes
110.
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;
110. 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
111.
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
112. Which of the following is the
correct syntax to display the hyperlinks without any underline?
a
{text-decoration : underline;}
a
{decoration : no-underline;}
a {text-decoration : none;}
None
of the above
113. Which of the following property is
used as the shorthand property for the padding properties?
padding-left
padding-right
padding
All
of the above
114.
The CSS property used to make the text bold is -
font-weight : bold
weight:
bold
font:
bold
style:
bold
115.
Are the negative values allowed in padding property?
Yes
No
Can't
say
May
be
116.
Which of the following CSS3 property can be used to allow line breaks within
words?
line-break
line-wrap
word-wrap
word-break
117.
Which of the following property is used as the shorthand property of margin
properties?
margin-left
margin-right
margin
None
of the above
118.
The CSS property used to specify the transparency of an element is -
opacity
filter
visibility
overlay
119.
Which of the following is used to specify the subscript of text using CSS?
vertical-align: sub
vertical-align:
super
vertical-align:
subscript
None
of the above
120. Which of the following CSS
property is used to specify the space between every letter inside an element?
alpha-spacing
character-spacing
letter-spacing
alphabet-spacing
121.
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
122. In relation to CSS user interface properties, what is the default value of the outline offset property?
0
1
-1
10
123.
Which of the following options is not the valid CSS background property?
background-color
background-repeat
background-position
background-picture
124.
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
125.
In CSS3, which of the following media types is used for the paged braille
printers?
embossed
all
print
screen
126.
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
127.
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
128.
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
129.
Which of the following is not a valid value for the font-smooth property?
auto
never
always
normal
length
130.
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)
131.
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
132.
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
133.
Which of the following properties allow percentages in their value fields?
font-size
font-variant
font-weight
line-height
134 Which
of the following tag is used to embed css in html page?
<css>
<!DOCTYPE html>
<script>
<style>
135.
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
136.
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
137.
Which of the following is not a valid value for the font-stretch property?
condensed
normal
semi-narrower
expanded
semi-expanded
138.
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
139.
What is the initial value of the hyphens property?
none
manual
auto
default
140.
What is the initial value of the animation-iteration count property?
0
1
5
None
141.
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
142.
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
143.
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
144.
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;
145.
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
146.
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
147.
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
148.
Which of the following is the initial value for the column-fill property?
auto
balance
none
149.
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;
150.
What is the default value of the text-align property for Left to Right Languages?
start
end
left
right
center
justify
151.
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)
152.
In relation to CSS, which of the following values of keyframes property are
mandatory?
animationneme
keyframes-selector
CSS-styles
None
of the above.
153.
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
154.
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
155. Which
of the following CSS style property is used to specify an italic text?
style
font
font-style
@font-face
156. What will happen if the following
style declaration is applied to an element?
p { margin: 3em 2em }
The top and the bottom margins will be 3em
and the left and the right margins will be 2em.
The
top and the bottom margins will be 2em and the left and the right margins will
be 3em.
The
top and the left margins will be 3em and the bottom and the right margins will
be 2em.
The top
and the right margins will be 2em and the bottom and the left margins will be
3em.
157. 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;
}
On active state the element is displayed.
On
active state the element’s opacity is changed to 1.
On
active state the element’s opacity is changed to 0.
Nothing
will be shown.
158. 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.
159. While rendering the following code,
what is the role of “src” propery?
@font-face {
font-family: “calibriforh1”;
src: local(“calibri”), url(calibri.woff);
}
h1 { font-family: “calibriforh1”, arial,
sans-serif; }
It’s for searching the user’s system for a
“calibri” font, and if it does not exist, it will load the font from the server
instead.
It’s
for searching the user’s system for a “calibri” font, and if it does not exist,
it will load user’s system’s default font instead.
It’s
for loading the user’s system’s default font.
None
of these.
160. 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
161. Which of the following are not valid
values for the target-new property?
window
tab
none
parent
current
162. What is the range of values (in
decimal notation) that can be specified in the RGB color model?
0 to
256
0 to 255
-250
to 250
-255 to
255
163. What is the difference between
float:left; vs display:inline-block; ?
There
is no difference, both of them have the same results.
display:inline-block; adds whitespace
between the elements.
float:left;
collapses the parent element on itself.
None
of these.
164. Is it possible to use transition
animations with a gradient background?
Yes
No
165. 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”])
{ }
input:not([type=”radio
& checkbox”]) { }
input:!([type=”radio”])
, input:!([type=”checkbox”]) { }
166. Which of the following snippets will correct
issue?
It is
not possible to style.
<input
id=”rad” type=”radio” name=”rad”><label “rad”>A Label</label>
input[type=”radio”]:checked+label{
font-weight: bold; }
input[type=”radio”]:checked@label{
font-weight: bold; }
167. Using height on transitions is not
possible with:
height:auto
height:100%
height:0
max-height:100%
168. 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.
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.
169. Which of the following properties
allow percentages in their value fields?
font-size
font-variant
font-weight
line-height
170. Which of the following is not a valid
value for the font-stretch property?
condense
normal
semi-narrower
expanded
semi-expanded
171. Which of the following styles is
valid?
order:
“none”;
order=
“none”;
order:
none;
order=
none;
None of these.
172. Which one of the following is
appropriate to mirror/flip text by using CSS3?
.mirror_text{ -moz-transform: scaleX(-1);
-o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1);
filter: FlipH; -ms-filter: “FlipH”; }
.mirror_text{
Box-reflect; 20px right; }
.mirror_text{
Box-reflect; 20px left; }
.mirror_text{
-moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform:
rotate(-180deg); }
173. What is the initial value of the
marquee-speed property?
slow
normal
fast
none
174. Which of the following will apply a
gradient transition to #DemoGradient using CSS3?
@-webkit-keyframes
pulse #DemoGradient { 0% { background: -webkit-gradient(linear, left top, left bottom,
color-stop(0, rgb(196,222,242)), color-stop(0.5, rgb(242,242,242)),
color-stop(1, rgb(240,240,240))); } 50% { background: -webkit-gradient(linear,
left top, left bottom, color-stop(0, rgb(222,252,255)), color-stop(0.5,
rgb(242,242,242)), color-stop(1, rgb(240,240,240))); } 100% { background:
-webkit-gradient(linear, left top, left bottom, color-stop(0,
rgb(196,222,242)), color-stop(0.5, rgb(242,242,242)), color-stop(1,
rgb(240,240,240))); } }
#DemoGradient{ background:
-webkit-linear-gradient(#C7D3DC,#5B798E); background:
-moz-linear-gradient(#C7D3DC,#5B798E); background:
-o-linear-gradient(#C7D3DC,#5B798E); background:
linear-gradient(#C7D3DC,#5B798E); -webkit-transition: background 1s ease-out;
-moz-transition: background 1s ease-out; -o-transition: background 1s ease-out;
transition: background 1s ease-out; background-size:1px 200px; border-radius:
10px; border: 1px solid #839DB0; cursor:pointer; width: 150px; height: 100px; }
#DemoGradient:Hover{ background-position:100px; }
It is
not possible to apply a gradient transition using only CSS3.
175. 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?
In style rule add this code “#sectors >
div:not(.C):not(.D):not(.E) {background-color: blue;}”
In
style rule add this code “#sectors > div:not(.C, .D, .E) {background-color:
blue;}”
Both A
and B
None
of the above
176. 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;
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;
177. Can a percentage value be given in a
ruby-align property?
Yes
No
178. Consider the following font
definition:
font-weight:normal
What is the other way of getting the same
result?
font-weight:100
font-weight:900
font-weight:400
font-weight:700
179. Consider the following code:
div[class^=”stronger”] { }
{em
…
}
Which of the following statements is true?
It applies the rule only on divs who
belong to a class that begins with “stronger”.
It
applies the rule only on divs of class “stronger”.
It
applies the rule only on divs who belong to a class which end with “stronger”.
It
applies the rule only on divs who belong to a class which does not contain
“stronger” in its name.
180.
For the clear property, which of the following value is not valid?
none
left
right
top
181. 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.
It
will keep the table in the landscape position and rotate the page.
None
of the above
182. What is the initial value of the
opacity property?
1
normal
none
183. 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.
True
False
184. Which of the following filters does
SVG support?
SVG
supports only CSS filters.
SVG supports CSS filters as well as
‘filter’ property of SVG
SVG
supports only ‘filter’ property of SVG
SVG
does not supports any filters
185. For the clear property, which of the
following values is not valid?
none
left
right
top
186. What will be the output of the
following code?
<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.
None
of these.
187. Which of the following is not a valid
value for the font-smooth property?
auto
never
always
normal
length
188. 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
189. The CSS property used to specify
whether the text is written in the horizontal or vertical direction?
writing-mode
text-indent
word-break
None
of the above
190.
Which of the following syntax is correct in CSS to make each word of a sentence
start with a capital letter?
text-style
: capital;
transform
: capitalize;
text-transform
: capital;
text-transform : capitalize;
191. How to select the elements with the
class name "example"?
example
#example
.example
Class
example
192. Which of the following is the correct
syntax to select all paragraph elements in a div element?
div p
p
div#p
div ~
p
193. Which of the following is the correct
syntax to select the p siblings of a div element?
p
div +
p
div p
div ~ p
194. The CSS property used to draw a line
around the elements outside the border?
border
outline
padding
line
195. Which of the following CSS property
is used to add shadows to the text?
text-shadow
text-stroke
text-overflow
text-decoration
196. Which of the following is not a valid
page break?
page-break-inside
page-break-outside
page-break-before
page-break-after
None
of these
197. Which statement is correct given the
following?
box-shadow:30px 20px 10px 5px black;
The
shadow will be spread out to 30px top, 20px right, 10px bottom, 5px left.
The position of the horizontal black
shadow is 30px and the position of the vertical black shadow is 20px and blur
distance is 10px and size of shadow is 5px.
The
position of the vertical black shadow is 30px and the position of the
horizontal black shadow is 20px and size of shadow is 10px and blur distance is
5px.
The
shadow will be spread out to 30px top and bottom, 20px left and right with 10px
blur distance, 5px shadow size.
198.
The min-width property cannot be applied to the following element:
button
span
table row
199.
Which of the following CSS property is used to specify whether the table cells
share the common or separate border?
border-collapse
border-radius
border-spacing
None
of the above
200. The CSS property used to make the
rounded borders, or rounded corners around an element is -
border-collapse
border-radius
border-spacing
None
of the above
201.
The CSS property used to set the distance between the borders of the adjacent
cells in the table is -
border-collapse
border-radius
border-spacing
None
of the above
202. Which of the following selector in
CSS is used to select the elements that do not match the selectors?
:! selector
:not selector
:empty
selector
None
of the above
203. Which of the following is not a type
of combinator?
>
~
+
*
204. 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?
border-bottom:5px
solid #ffffff; -webkit-box-shadow: 0px 5px #000000; -moz-box-shadow: 0px 5px
#000000; box-shadow: 0px 5px #000000;
-webkit-box-shadow: 0 4px 4px -2px
#000000; -moz-box-shadow: 0 4px 4px -2px #000000; box-shadow: 0 4px 4px -2px
#000000;
-webkit-box-shadow:
0 4px 4px -2px inside #000000; -moz-box-shadow: 0 4px 4px -2px inside #000000;
box-shadow: 0 4px 4px -2px inside #000000;
None
of these.
205. 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
cndy lives cehind ccfe
andy
lives behind cafe
andy
lives cehind bafe
206. What is the default value of the
transform-style property?
preserve-3d
flat
none
preserve
207. What will be the output of the
following code?
<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.
None
of these.
208. Which of the following CSS property
defines how an image or video fits into container with established height and
width?
object-fit
object-position
position
None
of the above
209. Which type of CSS is used in the
below code?
<p style = "border:2px solid
red;">
Inline CSS
Internal
CSS
External
CSS
None
of the above
210. Which of the following CSS property
specifies the origin of the background-image?
background-origin
background-attachment
background-size
None
of the above
211. The CSS property used to set the
maximum width of the element's content box is -
max-width property
height
property
max-height
property
position
property
212. Which if the following CSS function
allows us to perform calculations?
calc()
function
calculator()
function
calculate()
function
cal() function
213. 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
214. Suppose that a <tr> tag has 10
<td> tags. In this case which statement is correct given the following?
td:nth-child(3n+0){
background-color: orange;
}
It
returns a syntax error.
The
background color of the fourth td will be orange.
The
background color of the third td will be orange.
The background color of every third td
will be orange.
215. 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
Using
li:last-child selector
None
of the above
216. The CSS property used to set the
maximum height of the element's content box is -
max-width
property
height
property
max-height property
position
property
217.
The CSS property used to set the minimum width of the element's content box is
-
max-width
property
min-width property
width
property
All of
the above
218.
Which of the following CSS property is used to represent the overflowed text
which is not visible to the user?
text-shadow
text-stroke
text-overflow
text-decoration
219. The CSS property which is used to
define the set the difference between two lines of your content is -
min-height
property
max-height
property
line-height property
None
of the above
220. The CSS property which is used to
define the set the difference between two lines of your content is -
min-height
property
max-height
property
line-height property
None
of the above
221. 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%);
222. Which of the following is the initial
value for the column-fill property?
auto
balance
none
223. 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;
border-shadow:
0 0 8px 2px #888;
div-shadow:
8px 2px 0 0 #888;
None
of these
224.
Which of the following will decrease 50px from a DIV element whose width is
100%?
width: calc(100% – 50px);
width:
reduce(100% – 50px);
width:
decrease(100% – 50px);
width:
100% – 50px;
225. 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
widows
bottom
overflow
None
of these
226.
What is the maximum value that can be given to the voice-volume property?
10
100
500
None
of the above
227. What is the initial value of the
font-size property?
small
medium
large
default
228. Which of the following CSS property
is used to add stroke to the text?
text-stroke property
text-transform
property
text-decoration
property
None
of the above
229. Which of the following CSS property
is used to set the blend mode for each background layer of an element?
background-blend-mode property
background-collapse
property
background-transform
property
background-origin
property
230.
The CSS property used to specify the transparency of an element is -
Hover
opacity
clearfix
overlay
231. Which of the following CSS property
is used to set the horizontal alignment of a table-cell box or the block
element?
text-align property
text-transform
property
text-shadow
property
text-decoration
232. The CSS property which is used to set
the text wider or narrower compare to the default width of the font is -
font-stretch property
font-weight
property
text-transform
property
font-variant
property
233. Is there a way to create a pure CSS3
text color gradient?
Yes,
using the text-gradient property.
Yes,
but only for headings.
There is no way to do a text color
gradient with CSS3.
None
of the above.
234. 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);
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;
235. What is the initial value of the
animation-iteration-count property?
1
5
None
236. What is the default value of the
animation-direction property?
none
normal
alternate
inherited
237. Is it possible to combine a
background image and CSS3 gradients?
It is
possible only when two separate styles are used, “background-image” and
“gradient”, on an HTML tag.
It is possible only when
“background-image” is used.
It is
possible only when layered HTML tags are used, “background-image” and
“gradient”.
It is
not possible to combine a background image and CSS3 gradients.
238. What will happen if the cursor
property value is set to none?
The
default cursor will be displayed.
No cursor will be displayed.
A pointer
cursor will be displayed.
A text
cursor will be displayed.
239. What will be the outcome of given
code?
div[class^=”stronger”] { }
{
…
}
It applies the rule only on divs who
belong to a class that begins with “stronger”.
It
applies the rule only on divs of class “stronger”.
It
applies the rule only on divs who belong to a class which end with “stronger”.
It
applies the rule only on divs who belong to a class which does not contain
“stronger” in its name.
240. To apply style on every input element
except text, which of the following selectors should be used?
input:([!type=’text’])
input:not([type=”text”])
input:not([type!=”text”])
input:([type!=’text’])
241. Which of the following is not the
background property used in CSS.
background-color
background-size
background-image
background-repeat
241. …………….. property sets the background
image to scroll or not to scroll with its associated element’s content.
background-repeat
background-image
background-attachment
background-position
242. …………………. is the default value used in
background-attachment property of CSS.
Fixed
Scroll
Inherit
None
243. Which of the following code will set
the background color of h1 tag to red.
h1{background-color: #FF0000;} ii) h1{background-color: #F00;}
ii) h1{background-color: red;} iv)
h1{background-color: rgb(255, 0, 0);}
i, ii
and iii only
ii,
iii and iv only
i, iii
and iv only
All i, ii, iii and iv
244. The ………………… property requires a URL
to link it to the source image specified with the url() syntax.
background-position
background-repeat
background-attachment
background-image
245. Which of the following CSS property
is used to specify the type of quotation mark?
quotes property
z-index
property
hyphens
property
None
of the above
246. The CSS property used to specify the
order of flex item in the grid container is -
order property
float
property
overflow
property
None
of the above
247. The CSS property used to set the
indentation of the first line in a block of text is -
text-indent property
text-stroke
property
text-decoration
property
text-overflow
property
248.
Which of the following CSS property creates a clipping region and specifies the
visible area of the element?
visibility
property
background-clip
property
clip-path property
None
of the above
249. The
correct syntax to give a line over text is -
text-decoration:
line-through
text-decoration:
none
text-decoration: overline
text-decoration:
underline
250. The possible named values for the
horizontal axis of background-position property are ………..
i) left
ii) top iii) center iv) right
v) bottom
A) ii,
iii and iv only
B) ii,
iii and v only
C)
iii, iv and v only
D) i, iii and iv only
251. Which of the following are the
possible named values for the vertical axis of background-position property.
A) ii, iii and iv only
B) ii,
iii and v only
C)
iii, iv and v only
D) i,
iii and iv only
252. …………………….. property determines how
background images specified by the property background or background image tile
when they are smaller than the canvas space used by their associated elements.
A)
background-position
B) background-repeat
C)
background-attachment
D)
background-image
253. Which of the following is/are the
possible values of background-repeat property.
i) repeat-x ii) repeat-y iii) none
iv) inherit
A) i,
ii and iii only
B) ii,
iii and iv only
C) i, ii and iv only
D) i,
ii, iii and iv only
254. The default value of
background-repeat property used in CSS is ……………….
repeat-x
repeat-y
repeat
inherit
255. Which of the following is the correct
syntax to represent shorthand form of border property used in CSS.
border: border-width border-style
border-color
border:
border-style border-color border-width
border:
border-color border-style border-width
border:
border-width border-color border-style
256. ………………….. property defines whether
table cell borders are connected or separate.
border-collapse
border-spacing
border-style
border-state
257. The default value of
background-collapse property used in CSS is ……………….
collapse
none
separate
inherit
258. Which of the following CSS code will
represent correct way of using border-style property.
i) .rect{border-style: solid} ii) .rect{border-style: dashed solid;}
iii) .rect{border-style: solid dashed
groove inset;}
i and
ii only
ii and
iii only
i and
iii only
All i, ii and iii
259. ……………….. property defines the
vertical co-ordinate for a positioned element relative to the bottom of the
enclosing object.
Top
Left
Bottom
Right
260. …………………. property specifies the
placement of an element in relation to floating objects.
position
clear
clip
placement
261. Which of the following is/are the
possible values used in clear property.
i) both
ii) left iii) none iv) inherit
i, ii
and iii only
ii,
iii and iv only
i, iii
and iv only
All i, ii, iii and iv
262. ……………….. property sets the
co-ordinates of the clipping shape that exposes or hides the content of
absolutely positioned elements.
position
clear
clip
placement
263. The CSS cursor property value ……………….
leaves the cursor display to be determined by the user agent.
auto
default
pointer
inherit
264. The CSS cursor property value
………………….. renders similar to the browser’s default pointing cursor, which is
generally a hand.
auto
default
pointer
inherit
265. Which of the following is the correct
syntax for referring the external style sheet?
<style
src = example.css>
<style
src = "example.css" >
<stylesheet>
example.css </stylesheet>
<link rel="stylesheet"
type="text/css" href="example.css">
266.
The property in CSS used to change the background color of an element is -
bgcolor
color
background-color
All of
the above
267. The property in CSS used to change
the text color of an element is -
Pause
Unmute
Current TimeÂ
2:09
/
DurationÂ
4:57
Â
Fullscreen
x
bgcolor
color
background-color
All of
the above
268.
The CSS property used to control the element's font-size is -
text-style
text-size
font-size
None
of the above
269.
The HTML attribute used to define the inline styles is -
style
styles
class
None
of the above
270. The HTML attribute used to define the
internal stylesheet is -
<style>
style
<link>
<script>
271.
Which of the following CSS property is used to set the background image of an
element?
background-attachment
background-image
background-color
None
of the above
272. Which of the following is the correct
syntax to make the background-color of all paragraph elements to yellow?
p {background-color : yellow;}
p
{background-color : #yellow;}
all
{background-color : yellow;}
all p
{background-color : #yellow;}
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
widows
bottom
overflow
None
of the above
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.
In CSS, which of the following options are the correct relative
length units?
em
rem
mm
Vh
Which of the following options
are the correct CSS pseudo classes?
not(selector)
nth-last-of-type(n)
target
selection
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;
Which
of the following styles is valid?
border:
"none";
border=
"none";
border:
none;
border=
none;
None
of the above
Fiverr
CSS3 Test Answers
Fiverr
CSS3 Test Answers 2021
Fiverr
CSS3 Test
CSS3
Fiverr Test 2021
Fiverr
CSS 3 Test Answers 2022
What
is Fiverr?
Fiverr
is a platform for freelancers (marketplace) where you can buy and sell
services. Currently, it is one of the world’s largest markets for digital
services with a database of over 3 million gigs. Fiverr has been on the market
since 2010.
Each
gig was actually priced at $ 5; Hence the name. In 2014, Fiverr removed the $ 5
price limit. As the market grows, the quality and quantity of gigs have
increased dramatically, and now you can find any digital service out there.
Fiverr
CSS 3 Test Answers 2023
CSS 3
test answers 2023, fiverr CSS 3 answers 2023 fiverr CSS 3 fiverr test answers,
fiverr CSS 3 test 2022, fiverr CSS 3 test answers, Fiverr CSS 3 Test Answers
2023, Fiverr CSS 3 Test Answers 2023 _ New Update 100%, Fiverr CSS 3 Test
Answers 2023 _ Pass Test 100%, fiverr test CSS 3 answers 2023, test CSS 3
answers 2023,
