A
is an example of a block element. is an example of an inline element.
Answer
Correct Answer:
By default, block elements span the entire width of its container; inline elements are the same height and width as the content contained between their tags.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
83. When adding transparency styles, what is the difference between using the opacity property versus the background property with an rgba() value?
Opacity specifies the level of transparency of the child elements. Background with an rgba() value applies transparency to the background color only.
Opacity applies transparency to the background color only. Background with an rgba() value specifies the level of transparency of an element, as a whole, including its content.
Opacity specifies the level of transparency of an element, including its content. Background with an rgba() value applies transparency to the background color only.
Opacity applies transparency to the parent and child elements. Background with an rgba() value specifies the level of transparency of the parent element only.
Answer
Correct Answer:
Opacity specifies the level of transparency of an element, including its content. Background with an rgba() value applies transparency to the background color only.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
84. CSS grid and flexbox are now becoming a more popular way to create page layouts. However, floats are still commonly used, especially when working with an older code base, or if you need to support older browser version. What are two valid techniques used to clear floats?
Use the "clearfix hack" on the floated element and add a float to the parent element.
Use the overflow property on the floated element or the "clearfix hack" on either the floated or parent element.
Use the "clearfix hack" on the floated element or the overflow property on the parent element.
Use the "clearfix hack" on the parent element or use the overflow property with a value other than "visible."
Answer
Correct Answer:
Use the "clearfix hack" on the parent element or use the overflow property with a value other than "visible."
Note: This Question is unanswered, help us to find answer for this one
Check Answer
A[title]{...}
A > title {...}
A.title {...}
A=title {...}
Answer
Correct Answer:
A[title]{...}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
86. An embedded style sheet includes the style sheet within the _____ tags of the html document.
and
and
NOT -> and
Note: This Question is unanswered, help us to find answer for this one
Check Answer
87. You can specify font-weight using numerical values from ____.
1 to 10
100 to 900
100 to 1000
1000 to 5000
Answer
Correct Answer:
100 to 900
Note: This Question is unanswered, help us to find answer for this one
Check Answer
88. A function prototype is ____
A definition, but not a declaration
A declaration and a definition
A declaration, but not a definition
A comment line
Answer
Correct Answer:
A declaration, but not a definition
Note: This Question is unanswered, help us to find answer for this one
Check Answer
89. The _____ separates the padding and the margin of a block element.
Float
Rel
Span
Border
Note: This Question is unanswered, help us to find answer for this one
Check Answer
90. The number of colors a monitor can display is referred to as ____
RGB
Pixel depth
Byte resolution
Color depth
Answer
Correct Answer:
Color depth
Note: This Question is unanswered, help us to find answer for this one
Check Answer
91. If you enter only one value for border-radius properly, that radius is applied to ____ corner(s).
Four
Asterisk
Top, left/right, and bottom borders
All four
Note: This Question is unanswered, help us to find answer for this one
Check Answer
92. Css lets you specify the exact position of an element on a web page using the ____ property.
Position
Multicolumn
Margin
Absolute
Note: This Question is unanswered, help us to find answer for this one
Check Answer
93. A valid value for the font-size property is any of the following except ____.
Hexadecimal value
Selector with a colon
Answer
Correct Answer:
Hexadecimal value
Note: This Question is unanswered, help us to find answer for this one
Check Answer
94. A style ____ is a series of rules that defines the style for a web page or an entire web site.
Style sheet
Page selectors
Embedded
Inline
Answer
Correct Answer:
Style sheet
Note: This Question is unanswered, help us to find answer for this one
Check Answer
95. A layout for a mobile device is typically based on a _____ grid.
6-column
1-column
13-column
Note: This Question is unanswered, help us to find answer for this one
Check Answer
96. A _____ is a rule that defines the appearance of an element on a webpage.
Cascade
Syntax
Semantic
Styl
Note: This Question is unanswered, help us to find answer for this one
Check Answer
97. A ____ is the fundamental unit in css measurements.
Gradient
CSS pixel
Aspect-ratio
Landscape
Answer
Correct Answer:
CSS pixel
Note: This Question is unanswered, help us to find answer for this one
Check Answer
98. How will you display text as a superscript?
vertical-align: super
vertical-align: superscript
vertical-align: top<br>
Answer
Correct Answer:
vertical-align: super
Note: This Question is unanswered, help us to find answer for this one
Check Answer
99. Paged media differ from continuous media in that the content of the document is divided into one or more pages. When you set the dimensions, which of the following will be applied?
The dimensions of the page area are the dimensions of the page box minus the margin area.
The dimensions of the page area are the dimensions of the page box plus the margin area.
The dimensions of the page area are the dimensions of the page box and margin area does not affect it.
None of the above<br>
Answer
Correct Answer:
The dimensions of the page area are the dimensions of the page box minus the margin area.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
100. Which of the following values are correct for font-style?
normal, wider, narrower
normal, italic, oblique
normal, bold, lighter
small, medium, large<br>
Answer
Correct Answer:
normal, italic, oblique
Note: This Question is unanswered, help us to find answer for this one
Check Answer
101. The font-family property is used to specify a:
family name
generic family
family name and/or generic family<br>
Answer
Correct Answer:
family name and/or generic family<br>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
102. You want to define the same media style for both print and screen media. Which of the following is the correct structure for the style?
@media screen, print { span.med{font-weight:bold} }
.media screen, print { span.med{font-weight:bold} }
.media screen print { span.med{font-weight:bold} }
#media screen, print { span.med{font-weight:bold} }<br>
Answer
Correct Answer:
@media screen, print { span.med{font-weight:bold} }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
103. Read the following code:
Image bar.gif will be tiled vertically in the background in the center of the page.
Image bar.gif will be tiled horizontally in the background in the center of the page
Image bar.gif will be displayed in the center of the page
Image bar.gif will be stretched in the center of the page
Answer
Correct Answer:
Image bar.gif will be tiled vertically in the background in the center of the page.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
104. The font "Times New Roman" has an aspect value of 0.46. What do you understand from this?
When font size is set to 46pt, the height of the letter 'x' will be 100pt
When font size is set to 100pt, the height of the letter 'x' will be 46pt
Answer
Correct Answer:
When font size is set to 100pt, the height of the letter 'x' will be 46pt
Note: This Question is unanswered, help us to find answer for this one
Check Answer
105. Which of the following is not a correct keyword value for the display property?
expanded
inline-table
table-row
table-column-group
Note: This Question is unanswered, help us to find answer for this one
Check Answer
106. 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<br>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
107. Read the following statements:
Statement 1 is correct but statement 2 is incorrect
Statement 2 is correct but statement 1 is incorrect
Both statements are correct
Both statements are incorrect
Answer
Correct Answer:
Statement 1 is correct but statement 2 is incorrect
Note: This Question is unanswered, help us to find answer for this one
Check Answer
108. How is it possible to simplify these styles?
font-family: Georgia;
line-height: 1.4;
font-weight: normal;
font-stretch: normal;
font-variant: small-caps;
font-size: 16px;
font: 16px/1.4 small-caps normal normal Georgia;
font: normal small-caps normal 16px/1.4 Georgia;
font: 16px/1.4 Georgia normal small-caps normal;
font: Georgia 16px/1.4 normal small-caps normal
Answer
Correct Answer:
font: normal small-caps normal 16px/1.4 Georgia;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
109. Which of the following are valid media features supported in media query? Check all that apply.
color-index
aspect-ratio
background-color
orientation
color
Answer
Correct Answer:
color-index aspect-ratio orientation color
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
110. Which of the following is not a property prefix?
-webkit-
-moz-
-opera-
-ms-
Note: This Question is unanswered, help us to find answer for this one
Check Answer
111. Which of the following statements are true? (Check all that apply)
Padding is the space between content and the border of element.
Padding is the space between content and the other element.
Margin is the space outside of border.
Margin is the space inside of element
Answer
Correct Answer:
Padding is the space between content and the border of element. Margin is the space outside of border.
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
112.
In CSS tables, the possible values for the caption-side property can have the following values.
A. top, bottom, left or right
B. top, bottom, center, left or right
C. top or bottom
D. left or right
Answer
Correct Answer:
A. top, bottom, left or right
Note: This Question is unanswered, help us to find answer for this one
Check Answer
113.
What is the correct way to select every 4th paragraph?
p:nth-of-each(4)
p:nth-of-each(4n)
p:nth-of-each(4n)
p:nth-of-type(4n)
Answer
Correct Answer:
p:nth-of-type(4n)
Note: This Question is unanswered, help us to find answer for this one
Check Answer
114.
Which of the following are multi-column properties? (choose all that apply)
column-rule
column-rule-count
column-width
column-span
Answer
Correct Answer:
column-rule
Note: This Question is unanswered, help us to find answer for this one
Check Answer
115.
How can you define custom fonts?
@font-family { font-family: Custom-Form; src: url(custom_font.woff); }
@font-face { font-family: Custom-Form; src: url(custom_font.woff); }
@font-define { font-family: Custom-Form; src: url(custom_font.woff); }
@font-custom { font-family: Custom-Form; src: url(custom_font.woff); }
Answer
Correct Answer:
@font-face { font-family: Custom-Form; src: url(custom_font.woff); }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
116.
How can you resize a background image using CSS3?
background-size: 80px 60px;
bg-dimensions: 80px 60px;
background-proportion: 80px 60px;
alpha-effect: bg-resize 80px 60px;
Answer
Correct Answer:
background-size: 80px 60px;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
117.
The ......................... property allows you to specify the distance between the list and the text relating to the list.
A. list-spacing
B. marker-spacing
C. marker-offset
D. list-offset
Answer
Correct Answer:
C. marker-offset
Note: This Question is unanswered, help us to find answer for this one
Check Answer
118.
You can set a border-box for all Elements using the following code?
html,body { -webkit-box-sizing: border-box; box-sizing: border-box; }
div { -webkit-box-sizing: border-box; box-sizing: border-box; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
Answer
Correct Answer:
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
119.
The following Style is applied to - div.wrapper h2 { font-size: 18px; margin-top: 0; }
Type 2 Heading inside Element div of class wrapper.
Type 2 Heading inside Element div with id wrapper.
Type 2 Heading inside Element div of any class
None Of These
Answer
Correct Answer:
Type 2 Heading inside Element div of class wrapper.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
120.
Which of the following is correct CSS syntex for using font property?
A. p style="font: italic, bold, 15px;"> ................ /p>
B. <p style="font-style: italic font-weight: bold font-size: 15px;"> ................... </p>
C. <p style="font: italic bold 15px;"> ....................... </p>
D. None of the above
Answer
Correct Answer:
B. <p style="font-style: italic font-weight: bold font-size: 15px;"> ................... </p>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
121.
Using the following code how can you remove the bottom margin from .float-wrapper?
.float-wrapper { margin-bottom:0; }
.float-wrapper { margin-bottom:none; }
.float-wrapper { margin-bottom:1; }
.float-wrapper { margin-bottom:5; }
Answer
Correct Answer:
.float-wrapper { margin-bottom:0; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
122.
Which of these selectors are right for this paragraph? Hello!
p[class*=“styled”]
p[class^=“styled”]
p[class&=“styled”]
p[class#=“styled”]
Answer
Correct Answer:
p[class^=“styled”]
Note: This Question is unanswered, help us to find answer for this one
Check Answer
123.
How to set a grid element in CSS3?
display: table;
display: grid;
grid: auto;
grid: table;
Answer
Correct Answer:
display: grid;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
124.
State whether the statement is/are True. i) font-family property is used to change the face of a font. ii) font-variant property is used to create small-caps effects.
A. i-True, ii-False
B. i-False, ii-True
C. i-True, ii-True
D. i-False, ii-False
Answer
Correct Answer:
C. i-True, ii-True
Note: This Question is unanswered, help us to find answer for this one
Check Answer
125.
Which of these values are not valid for position property?
absolute
fixed
relative
static
All of these values are valid
Answer
Correct Answer:
All of these values are valid
Note: This Question is unanswered, help us to find answer for this one
Check Answer
126.
Which of the following is NOT correct?
The a in RBGa stands for alpha.
HSL stands for Hue, Saturation and Lightness.
Lightness is a percentage value where 0% is dark (black) and 100% is white.
None of the mentioned.
Answer
Correct Answer:
The a in RBGa stands for alpha.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
127.
How do you set opacity of background-color to 50%?
background-color: rgb(0, 191, 255) 0.5;
background-color: rgb(0, 191, 255) 50;
background-color: rgba(0, 191, 255, 0.5);
background-color: rgba(0, 191, 255, 50);
Answer
Correct Answer:
background-color: rgba(0, 191, 255, 0.5);
Note: This Question is unanswered, help us to find answer for this one
Check Answer
128.
Which property specifies the stack order of an element?
d-index
s-index
x-index
z-index
Note: This Question is unanswered, help us to find answer for this one
Check Answer
129.
Which of the following are valid media types for media query? Check all that apply.
all
Speeches
print
screen
Answer
Correct Answer:
all print screen
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
130.
What does the background-origin property specifies?
specifies the painting area of the background.
specifies where the background image is positioned.
allows you to specify the size of background images.
allows you to add multiple background images for an element.
Answer
Correct Answer:
allows you to add multiple background images for an element.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
131.
What does the CSS3 style grid-column-start: 2; does?
Generates grid with 2 columns
Creates a grid item on second column
Starts grid item from second column
Creates a 2x2 grid
Answer
Correct Answer:
Starts grid item from second column
Note: This Question is unanswered, help us to find answer for this one
Check Answer
132.
Which of the following is NOT a valid font descriptor?
font-style
Unicode
font-stretch
font-family
Note: This Question is unanswered, help us to find answer for this one
Check Answer
133.
Which of the following is NOT a valid media feature supported in media query?
Background-color
Max-width
Color
Orientation
Answer
Correct Answer:
Background-color
Note: This Question is unanswered, help us to find answer for this one
Check Answer
134.
Which of the following is the correct way to use border property?
border: 5px solid red;
border: 5px red solid;
border: solid 5px red;
border: red solid 5px;
Answer
Correct Answer:
border: 5px solid red;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
135.
Which of the following is valid for grid-column-start: 3 ?
Generates grid with 3 columns
Creates a grid item on third column
Starts grid item from third column
Creates a 3x3 grid
Answer
Correct Answer:
Starts grid item from third column
Note: This Question is unanswered, help us to find answer for this one
Check Answer
136.
What are the Full-length Properties?
border-top-width: thin; border-right-width: small; border-left-width: medium;
border-top-width: thin; border-right-width: medium; border-bottom-width: thin; border-left-width: medium;
border-right-width: medium; border-bottom-width: thin; border-left-width: high;
border-top-width: thin; border-right-height: medium; border-bottom-height: thin; border-left width: medium;
Answer
Correct Answer:
border-top-width: thin; border-right-height: medium; border-bottom-height: thin; border-left width: medium;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
137.
Which of the given css code satisfies the following? Selects all elements that are placed immediately after a element.
div p
div > p
div + p
div ~ p
Note: This Question is unanswered, help us to find answer for this one
Check Answer
138.
What does a pseudo-class represents?
Casual Events
Static Events
Dynamic Events
Related Events
Answer
Correct Answer:
Dynamic Events
Note: This Question is unanswered, help us to find answer for this one
Check Answer
139.
Which of the following selector is used to specify a style for a single, unique element?
Id
Class
Text
Bit
Note: This Question is unanswered, help us to find answer for this one
Check Answer
140.
What is right way to transform text to uppercase?
text-transform: capitalize;
text-transform: upcase;
text-transform: uppercase;
Answer
Correct Answer:
text-transform: uppercase;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
141.
Which property can be used to increase or decrease the space between words?
Space
Word-spacing
Word-space
Both 2 and 3
Answer
Correct Answer:
Word-spacing
Note: This Question is unanswered, help us to find answer for this one
Check Answer
142.
Which of the following are correct about Web fonts? Check all that apply.
Correct way to import an external font is @import url('url_to_external_font');
The @import line of code should be the very first line in your CSS file.
Both of the above
None of the mentioned.
Answer
Correct Answer:
Both of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
143.
Which of the following css property will specify the gap between the columns?
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
All of the above
Answer
Correct Answer:
All of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
144.
How do you make each word in a text start with a capital letter?
text-transform:capitalize
Not possible with CSS
text-transform:uppercase
Both 1 and 3
Answer
Correct Answer:
text-transform:capitalize
Note: This Question is unanswered, help us to find answer for this one
Check Answer
145.
Which of the following is the correct way to add multiple background images to an element?
background-image: url(img_1.png, img_2.png)
background-image: url(img_1.png), url(img_2.png);
background-image: [url(img_1.png), url(img_2.png)];
Both 2 and 3
Answer
Correct Answer:
Both 2 and 3
Note: This Question is unanswered, help us to find answer for this one
Check Answer
146.
In descendant selector, style is applied to element based on ____ .
whether element have sub element or not.
whether element have only 2 sub elements or not.
whether element is of particular type or not.
None of the mentioned.
Answer
Correct Answer:
whether element have sub element or not.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
147.
Which of the following is NOT a valid 3D transform method?
matrix3d()
scale3d()
translate3d()
perspective3d()
Answer
Correct Answer:
perspective3d()
Note: This Question is unanswered, help us to find answer for this one
Check Answer
148.
The box model in CSS is made up of :
Margin, border, padding, content
Margin, border, padding
Margin, padding, content
Margin, border, content
Answer
Correct Answer:
Margin, border, padding, content
Note: This Question is unanswered, help us to find answer for this one
Check Answer
149.
Which of the following properties can be used to add shadow to elements?
Box-shadow
Text-shadow
Shadow-right
Both 1 and 2
Answer
Correct Answer:
Both 1 and 2
Note: This Question is unanswered, help us to find answer for this one
Check Answer
150.
Which of the following is NOT a valid 2D transformation method?
translate()
rotateX()
skewX()
scale()
Answer
Correct Answer:
rotateX()
Note: This Question is unanswered, help us to find answer for this one
Check Answer
151.
Which of the following are true about Flexible Box? Check all that apply.
Flexbox consists of flex containers and flex items.
Inside a flex container there is one or more flex items.
It is not possible to change the direction of the flex line.
The align-items property vertically aligns the flexible container's items when the items do not use all available space on the cross-axis.
Answer
Correct Answer:
Flexbox consists of flex containers and flex items. Inside a flex container there is one or more flex items. The align-items property vertically aligns the flexible container's items when the items do not use all available space on the cross-axis.
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
152.
Which of the following code is invalid for Font Size?
p { font-size: 1 ex; }
p { font-size: 0ex; }
p { font-size: 1; }
p { font-size: 1ex; }
p { font-size: 0; }
Answer
Correct Answer:
p { font-size: 1 ex; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
153.
Which of the following are valid selectors? Check all that apply.
a[href^="https"]
p:empty
input:file
p:last-of-type
Answer
Correct Answer:
p:empty p:last-of-type
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
154.
Which of the following statements is correct of Floating Elements?
Floating an element allows you to take that element out of normal flow and position it to the far left or right of a containing box
The Floated element becomes a block-level element around which other content can flow
Floating an element allows you to add that element in of normal flow and position it to the far left or right of a containing Div
Floating and element in relation to the browser window, as opposed to the containing element
Answer
Correct Answer:
Floating an element allows you to take that element out of normal flow and position it to the far left or right of a containing box The Floated element becomes a block-level element around which other content can flow
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
155.
What is the right way to skew text horizontal in left direction on 30 degrees?
transform: skewX(-30deg);
transform: skewX(30deg);
transform: skewY(-30deg);
transform: skewY(30deg);
Answer
Correct Answer:
transform: skewX(30deg);
Note: This Question is unanswered, help us to find answer for this one
Check Answer
156.
Which of these values are not valid for display property?
inline-list-item
inline-block
inline-flex
inline-table
Answer
Correct Answer:
inline-list-item
Note: This Question is unanswered, help us to find answer for this one
Check Answer
157.
Which of these color definition is wrong?
color: rgb(0, 191, 255);
color: #00bfff;
color: DeepSkyBlue;
color: hsl(195, 100%, 50%);
None of these
Answer
Correct Answer:
None of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
158.
What does the following css code indicate? columns: 2 auto;
column-width: auto;
column-count: 2
Both of the above
None of the above
Answer
Correct Answer:
Both of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
159.
Which of the following is True about responsive design of Media Queries?
@media (min-width: 800px) { body { background: white; } } @media (min-width: 401px , max-width: 799px) { body { background: black; } } @media (max-width: 400px) { body { background: blue; } }
@media (min-width: 800px) { body { background: white; } } @media (min-width: 401px max-width: 799px) { body { background: black; } } @media (max-width: 400px) { body { background: blue; } }
@media (min-width: 800px) { body { background: white; } } @media (min-width: 401px) and (max-width: 799px) { body { background: black; } } @media (max-width: 400px) { body { background: blue; } }
@media (min-width: 800px) { body { background: white; } } @media (min-width: 401px) (max-width: 799px) { body { background: black; } } @media (max width: 400px) { body { background: blue; } }
Answer
Correct Answer:
@media (min-width: 800px) { body { background: white; } } @media (min-width: 401px) and (max-width: 799px) { body { background: black; } } @media (max-width: 400px) { body { background: blue; } }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
160.
How to select which placed immediately after ?
div > p
div + p
div ~ p
p:after(div)
Note: This Question is unanswered, help us to find answer for this one
Check Answer
161.
Using the following code you will empty-cells of table?
empty-cells : show | hide
empty-cells : inherit | show | remove
empty-cells : inherit | show | hide
empty-cells : inherit | show | none
Answer
Correct Answer:
empty-cells : show | hide
Note: This Question is unanswered, help us to find answer for this one
Check Answer
162.
Which of these selectors has the largest “weight”?
.your div.awesome
.your div#awesome
#your div.awesome
#your div#awesome
Answer
Correct Answer:
#your div#awesome
Note: This Question is unanswered, help us to find answer for this one
Check Answer
163.
Which of the following is correct about the difference between "rem" and "px" for font sizes?
"rem" is equal to "px".
"rem" depends on the body's font size.
"rem" is independent from the body's font size.
"px" is the size of a pixel on a 96 DPI display, while "rem" is the size of a pixel at 72 DPI.
Answer
Correct Answer:
"rem" depends on the body's font size.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
164.
Which of the following statement is right?
Opacity sets the opacity value for an element and all of its children.
RGBA sets the opacity value only for a single declaration.
Both of the above
None of the above
Answer
Correct Answer:
Both of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
165.
Pseudo-classes can be used to
Style an element when a user mouses over it
Style visited and unvisited links differently
Style an element when it gets focus
All of the above
Answer
Correct Answer:
All of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
166.
Which of the following selector matches a particular element only when it lies inside a particular element?
The Type Selector
The Universal Selector
The Descendant Selector
The Class Selector
Answer
Correct Answer:
The Descendant Selector
Note: This Question is unanswered, help us to find answer for this one
Check Answer
167.
Which of the following are the newly introduced background properties in CSS3?
background-origin
background-clip
background-size
All of the above
Answer
Correct Answer:
All of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
168.
The ..................... specifies whether a border should be solid, dashed line, doted line, double line, groove etc.
A. border-layout
B. border-decoration
C. border-style
D. border-weight
Answer
Correct Answer:
C. border-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
169.
Which of the following are valid properties for flex-container? Check all that apply.
flex-wrap
flex-flow
align-items
justify
Answer
Correct Answer:
flex-wrap flex-flow align-items
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
170.
Internet Explorer uses ....................... property to create transparent images.
A. -moz-opacity:x
B. filter: alpha(opacity=x)
C. Both of the above
D. None of the above
Answer
Correct Answer:
B. filter: alpha(opacity=x)
Note: This Question is unanswered, help us to find answer for this one
Check Answer
171.
The ...................... property allows to specify how much space appear between the content of an element and it's border.
A. Spacing
B. Marking
C. Padding
D. Content-border
Answer
Correct Answer:
C. Padding
Note: This Question is unanswered, help us to find answer for this one
Check Answer
172.
A CSS pseudo-class is a keyword added to selectors that specifies a special state of the element to be?
selected
div
element
property
Note: This Question is unanswered, help us to find answer for this one
Check Answer
173.
Screen Resolution refers to the number of dots a screen shows per?
Pixel
Meter
Inch
Em
Note: This Question is unanswered, help us to find answer for this one
Check Answer
174.
The ................... property indicates whether a cell without any content should have a border displayed.
A. blank-cells
B. empty-cells
C. nocontent-cells
D. noborder-cells
Answer
Correct Answer:
B. empty-cells
Note: This Question is unanswered, help us to find answer for this one
Check Answer
175.
Liquid _____ designs stretch and contract as the user increases or decreases the size of their browser window?
html
layout
css
web
Note: This Question is unanswered, help us to find answer for this one
Check Answer
176.
How can we use Multiple backgrounds using the following code?
background-image: url(bg1.png), url(bg2.png); background-repeat: repeat, repeat-y; background-attachment: fixed, fixed; background-position: right bottom, top left;
background-image: url(bg1.png), url(bg2.png); background-repeat: no-repeat, repeat-y; background-attachment: fixed, fixed; background-position: right bottom, top left;
background-image: url(bg1.png), url(bg2.png); background-repeat: no-repeat; background-attachment: fixed, fixed; background-position: right bottom, top left;
background-image: url(bg1.png), url(bg2.png); background: no-repeat, repeat-y; background-attachment: fixed, fixed; background-position: right bottom, top left;
Answer
Correct Answer:
background-image: url(bg1.png), url(bg2.png); background-repeat: no-repeat, repeat-y; background-attachment: fixed, fixed; background-position: right bottom, top left;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
177.
Which of these values are not valid for background-repeat property?
repeat-x
repeat-y
repeat-xy
no-repeat
Answer
Correct Answer:
repeat-xy
Note: This Question is unanswered, help us to find answer for this one
Check Answer
178.
Pixels are relative to the resolution of the screen, so the same type size will look larger when a screen has a resolution of __ than it would when it is 1280x800?
700x600
800x600
950x600
1020x600
Note: This Question is unanswered, help us to find answer for this one
Check Answer
179.
The text-indent property allows you to indent the first ____ of text within an element?
Letter
Line
Page
All of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
180.
Which of the following code is correct about Inset Border?
.border:hover { box-shadow: inset 0 0 0 25px #53a7ea; }
.border:hover { box-shadow: inset 0 0 0 25 #53a7ea; }
.border:hover { box-shadow: inset 0 0 0 color; }
.border:hover { box-shadow: inset 0 0 0 25px effect; }
Answer
Correct Answer:
.border:hover { box-shadow: inset 0 0 0 25px #53a7ea; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
181.
How can you create rounded corners using CSS3?
border[round]: 30px;
corner-effect: round;
border-radius: 30px;
alpha-effect: round-corner;
Answer
Correct Answer:
border-radius: 30px;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
182.
What is right way to set padding top 25px and padding left 15px?
padding: 0 15px 25px 0;
padding: 25px 0 0 15px;
padding: 0 0 15px 25px;
Answer
Correct Answer:
padding: 25px 0 0 15px;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
183.
Which of these property prefix doesn’t exists?
-webkit-
-moz-
-opera-
-ms-
Note: This Question is unanswered, help us to find answer for this one
Check Answer
184.
Which of the following css will divide the text in the div element into 3 columns?
div {-webkit-column-count: 3; }
div {-moz-column-count: 3; }
div {column-count: 3; }
All of the above
Answer
Correct Answer:
All of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
185.
Which of the following CSS works for “the gradient to start at the bottom left corner and go to the top right corner”
.gradient { background-image: linear-gradient( to bottom right, red, #f06d06 ); }
.gradient { background-image: linear-gradient( to top left, red, #f06d06 ); }
.gradient { background-image: linear-gradient( to right, red, #f06d06 ); }
.gradient { background-image: linear-gradient( to top right, red, #f06d06 ); }
Answer
Correct Answer:
.gradient { background-image: linear-gradient( to top right, red, #f06d06 ); }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
186.
Which of these statements are true?
A block-level element always starts on a new line and takes up the full width available.
An inline element does not start on a new line and only takes up as much width as necessary.
A block-level element always starts on a new line and only takes up as much width as necessary.
A block-level element can be placed into inline elements.
Answer
Correct Answer:
A block-level element always starts on a new line and takes up the full width available. An inline element does not start on a new line and only takes up as much width as necessary.
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
187.
The different ways to associate styles with a HTML document is/are
A. Embedded CSS with <style> element
B. Inline CSS with style attribute.
C. External CSS with <link> element.
D. All of the above
Answer
Correct Answer:
D. All of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
188.
Fixed width layout designs do not change size as the user increases or decreases the size of their _____ window?
page
browser
div
All of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
189.
Which of the following is NOT a valid pseudo-class?
:active
:hover
:text
:out-of-range
Note: This Question is unanswered, help us to find answer for this one
Check Answer
190.
Element that Currently has the user’s mouse pointer hovering over it represents one of the following Pseudo Class.
A. :hover
B. :hovar
C. :focus
D. :gotfocus
Answer
Correct Answer:
A. :hover
Note: This Question is unanswered, help us to find answer for this one
Check Answer
191.
The following syntax to set margin around a paragraph will make- p{margin:10px 2%}
A. Top and bottom margin will be 10px and left and right margin will be 2% of the total width.
B. Left and right margin will be 10px and top and bottom margin will be 2% of the total height
C. Top margin will be 10px and other margins will be 2% of the total width
D. Left margin will be 10px and other margins will be 2% of the total width
Answer
Correct Answer:
A. Top and bottom margin will be 10px and left and right margin will be 2% of the total width.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
192.
Following Style is applied to - .wrapper h2#sub { font-size: 18px; margin-top: 0; }
A. Div Element with class wrapper and Type 2 Heading inside it with ID sub.
B. Type 2 Heading with ID sub inside Element with class wrapper
C. Type 2 Heading inside wrapper with ID sub
D. All of the above
Answer
Correct Answer:
A. Div Element with class wrapper and Type 2 Heading inside it with ID sub.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
193.
State True of False for the CSS table properties. i) The border-spacing specifies the width that should appear between table rows. ii) The empty-cells specifies whether the border should be shown if a cell is empty.
A. i-True, ii-False
B. i-False, ii-True
C. i-True, ii-True
D. i-False, ii-False
E None of the above
Answer
Correct Answer:
B. i-False, ii-True
Note: This Question is unanswered, help us to find answer for this one
Check Answer
194.
Which of the following is used to represent unvisited hyperlink.
A. :link
B. :nonvisited
C. :unvisited
D. :fresh
Note: This Question is unanswered, help us to find answer for this one
Check Answer
195.
Fonts such as Times New Roman which have spaces in between must be wrapped inside __ .
A. Quotation Mark
B. Round Brackets
C. Triangular Brackets
D. Curly Braces
Answer
Correct Answer:
A. Quotation Mark
Note: This Question is unanswered, help us to find answer for this one
Check Answer
196.
We write single __ before the pseudo-class property.
A. Colon
B. Dot
C. Hash
D. Semicolon
Note: This Question is unanswered, help us to find answer for this one
Check Answer
197.
How many type faces inside property "font-family" ?
A. 1
B. Maximum 2
C. No Limit
D. Maximum 3
Answer
Correct Answer:
C. No Limit
Note: This Question is unanswered, help us to find answer for this one
Check Answer
198.
Which of the following is NOT a valid media type for media query?
All
Print
Screen
Small
Speech
Note: This Question is unanswered, help us to find answer for this one
Check Answer
199.
The CSS links properties are
A. :link, :visited, :hover, :active
B. :link, :visit, :hover, :active
C. :link, :visited, :over, :active
D. :link, :visited, :hover, :active, :inactive
Answer
Correct Answer:
A. :link, :visited, :hover, :active
Note: This Question is unanswered, help us to find answer for this one
Check Answer
200.
The ............... rule is used to make sure that the property always be applied whether another property appears in CSS.
A. @important
B. #important
C. !important
D. !first
Answer
Correct Answer:
C. !important
Note: This Question is unanswered, help us to find answer for this one
Check Answer
201.
The valid examples of ID selectors is/are
A. #black{color: #000000;}
B. h1 #black{color: #000000;}
C. #black h2{color: #000000;}
D. All of the above
Answer
Correct Answer:
D. All of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
202.
Which of the following is/are the valid syntax for CSS pseudo classes.
A. selector:pseudo-class{property: value}
B. selector.class:pseudo-class{property:value}
C. Both A and B
D. None of the above
Answer
Correct Answer:
C. Both A and B
Note: This Question is unanswered, help us to find answer for this one
Check Answer
203.
What does the A stand for in RGBA?
Alpha
Aqua
About
Approximate
Note: This Question is unanswered, help us to find answer for this one
Check Answer
204.
How do you add shadow to elements in CSS3?
box-shadow: 10px 10px 5px grey;
shadow-right: 10px shadow-bottom: 10px; shadow-color: grey;
alpha-effect[shadow]: 10px 10px 5px grey;
None
Answer
Correct Answer:
box-shadow: 10px 10px 5px grey;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
205.
Which of the following code is incorrect about Gradients Syntax?
background: linear-gradient(direction, color-stop1, color-stop2, ...);
background: linear-gradient(angle, color-stop1, color-stop2);
background: radial-gradient(shape size at position, start-color, ..., last-color);
None of the above
Answer
Correct Answer:
None of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
206.
A block-level element can be placed into inline elements.
column-rule
column-rule-count
column-width
column-span
Answer
Correct Answer:
column-rule
Note: This Question is unanswered, help us to find answer for this one
Check Answer
207.
CSS3's border-radius property and border-collapse:collapse do not mix. How can border-radius be used to create a collapsed table with rounded corners?
By using border-collapse: collapse
By using border-collapse: collapse
By removing border-collapse:
None of above .
Answer
Correct Answer:
By using border-collapse: collapse By using border-collapse: collapse By removing border-collapse:
Note: This question has more than 1 correct answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
208.
Why is it not possible to unite webkit-border-radius and -moz-border-radius?
-webkit- and -moz- are vendor-specific prefixes and are not standard CSS3 properties.
-webkit- and -moz- are standard CSS3 properties and are vendor-specific.
-webkit- and -moz- are not standard CSS3 properties and not vendor-specific.
None of these.
Answer
Correct Answer:
-webkit- and -moz- are vendor-specific prefixes and are not standard CSS3 properties.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
209.
What should be the output of following code? input[type="radio"]:checked + label { background-color:#000; }
Black background color apply on Radio button and label only if it is checked
Black background color apply on Radio button and label
Black background color apply on label only
Black background color apply on checked label only
Answer
Correct Answer:
Black background color apply on checked label only
Note: This Question is unanswered, help us to find answer for this one
Check Answer
210.
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.
Answer
Correct Answer:
No cursor will be displayed.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
211.
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
Answer
Correct Answer:
In style rule add this code “#sectors > div:not(.C):not(.D):not(.E) {background-color: blue;}”
Note: This Question is unanswered, help us to find answer for this one
Check Answer
212.
Which of the following statements is true about z-index in CSS3?
Z-index only affects text elements.
Z-index only used for pseudo-class elements.
Z-index only affects positioned elements.
Z-index only affects absolute positioned elements.
Answer
Correct Answer:
Z-index only affects positioned elements.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
213.
Which of the following is not a valid syntax for the <link> element in HTML5?
link rel="icon" href="abc.jpg" sizes="16x16">
<link rev="stylesheet" href="abc.css" type="text/css" target="_parent">
<link rel="alternate" type="application/pdf" hreflang="fr" href="manual-fr">
Answer
Correct Answer:
<link rev="stylesheet" href="abc.css" type="text/css" target="_parent">
Note: This Question is unanswered, help us to find answer for this one
Check Answer
214.
If the nav-index property of textbox1 is set to 10, textbox2 to 5, and textbox3 to 8, what will be the navigation order?
textbox1, textbox2 ,textbox3
textbox2, textbox3 ,textbox1
textbox3, textbox2 ,textbox1
textbox1, textbox3 ,textbox2
Answer
Correct Answer:
textbox2, textbox3 ,textbox1
Note: This Question is unanswered, help us to find answer for this one
Check Answer
215.
Consider the following HTML/CSS3 code:
HTML:
<div id="nav"><a href="#">Test</a></div>
CSS:
#nav a {
background-color: #FF0;
}
#nav a:hover {
background-color: #AD310B;
-webkit-transition: background-color 1000ms linear;
-moz-transition: background-color 1000ms linear;
-o-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;
}
What will happen when the link is hovered?
The link background will fade out.
The link color will change to #AD310B.
The link background will fade in and change his color to #AD310B.
None of the above.
Answer
Correct Answer:
The link background will fade in and change his color to #AD310B.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
216.
Consider the following HTML/CSS3 code:
HTML:
<div id="nav"><a href="#">Test</a></div>
CSS:
#nav a {
background-color: #FF0;
}
#nav a:hover {
background-color: #AD310B;
-webkit-transition: background-color 1000ms linear;
-moz-transition: background-color 1000ms linear;
-o-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;
}
What will happen when the link is hovered?
Yes, using the text-gradient property.
Yes, but only headings.
There is no away to do a text color gradient with css3.
None of the above.
Answer
Correct Answer:
Yes, but only headings.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
217.
What is the default value of the transitions property?
all 0 ease 0
all 0
none
0
Note: This Question is unanswered, help us to find answer for this one
Check Answer
218.
Suppose there are 16 <div> elements and a style needs to applied only on every 4th element. Which of the following is correct?
div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) { }
div:nth-child(4n) { }
div:nth-child(4n+4) { }
div:nth-child(3n+4)
Answer
Correct Answer:
div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) { }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
219. 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
Answer
Correct Answer:
Using li:not(:last-child) css selector
Note: This Question is unanswered, help us to find answer for this one
Check Answer
220.
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.
Answer
Correct Answer:
The border of div element will be colored black-red.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
221.
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.
Answer
Correct Answer:
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.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
222.
Which of the following styles is valid?
order: "none";
order= "none";
order: none;
order= none;
None of these.
Answer
Correct Answer:
order: none;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
223.
Which of the following is the best way to center a div element?
Apply 'float:none' to the element you want to center.
Apply 'margin:0 auto' to the element you want to center.
Apply 'text-align:center' to the element you want to center.
None of these.
Answer
Correct Answer:
Apply 'margin:0 auto' to the element you want to center.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
224.
Which of the following code is appropriate to flip any background image?
div{ -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); }
div{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
div:before { content:" "; float:left; background:url(../../image.png) no-repeat 0 0; display:block; }
div { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; width: 32px; height: 32px; background: url(http://www.gravatar.com/avatar/5cce99e9bf6154703d8ecdf474a750bd?s=32&d=identicon&r=PG) no-repeat; }
Answer
Correct Answer:
div { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; width: 32px; height: 32px; background: url(http://www.gravatar.com/avatar/5cce99e9bf6154703d8ecdf474a750bd?s=32&d=identicon&r=PG) no-repeat; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
225.
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
Answer
Correct Answer:
page-break-outside
Note: This Question is unanswered, help us to find answer for this one
Check Answer
226.
Is it possible to use transition animations with a gradient background?
Yes
No
Note: This Question is unanswered, help us to find answer for this one
Check Answer
227.
Which of the following is not a valid value for the font-smooth property?
auto
never
always
normal
length
Note: This Question is unanswered, help us to find answer for this one
Check Answer
228.
Which of the following requirements must be met in order to add noise to the background using CSS3?
A background image is needed.
A background color is needed.
Both a background image and a background color are needed.
It not possible to add noise to a background using CSS3.
Answer
Correct Answer:
It not possible to add noise to a background using CSS3.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
229.
Can a percentage value be given in a ruby-align property?
Yes
No
Note: This Question is unanswered, help us to find answer for this one
Check Answer
230.
Is it possible to format numbers with CSS?
No, CSS cannot be used for that purpose.
Yes, it can be done using the number-format property.
Yes, it can be done using the decimal property.
None of these.
Answer
Correct Answer:
No, CSS cannot be used for that purpose.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
231.
The min-width property cannot be applied to the following element:
button
span
table row
Answer
Correct Answer:
table row
Note: This Question is unanswered, help us to find answer for this one
Check Answer
232.
What is true about the background-clip property?
The background-clip property specifies the painting area of the background.
The background-clip property is not supported in Internet Explorer 8 and earlier versions.
The background-clip property is supported in Internet Explorer 9+, Firefox, Opera, Chrome, and Safari.
All are correct.
Answer
Correct Answer:
All are correct.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
233.
What is the initial value of the marquee-speed property?
slow
normal
fast
none
Note: This Question is unanswered, help us to find answer for this one
Check Answer
234.
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
Answer
Correct Answer:
font-weight:400
Note: This Question is unanswered, help us to find answer for this one
Check Answer
235.
Using height on transitions is not possible with:
height:auto
height:100%
height:0
max-height:100%
Answer
Correct Answer:
height:100%
Note: This Question is unanswered, help us to find answer for this one
Check Answer
236.
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.
Answer
Correct Answer:
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.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
237.
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 }
Answer
Correct Answer:
DIV { line-height: 1.2em; font-size: 10pt }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
238.
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
Answer
Correct Answer:
braille or screen
Note: This Question is unanswered, help us to find answer for this one
Check Answer
239.
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; }
display:table-cell; for parentdiv and display:inline-block; for childdiv
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
Answer
Correct Answer:
display:table-cell; for parentdiv and display:inline-block; for childdiv
Note: This Question is unanswered, help us to find answer for this one
Check Answer
240.
What is the initial value of the hyphens property?
none
manual
auto
default
Note: This Question is unanswered, help us to find answer for this one
Check Answer
241.
What is the initial value of the opacity property?
1
normal
none
Note: This Question is unanswered, help us to find answer for this one
Check Answer
242.
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
Answer
Correct Answer:
It will put all tables on a right-hand side landscape page.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
243.
Suppose that a <tr> tag has 10 <td> tags. In this case which statement is correct given the following?
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.
Answer
Correct Answer:
The background color of every third td will be orange.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
244.
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
Answer
Correct Answer:
Opacity 1 with solid blue color
Note: This Question is unanswered, help us to find answer for this one
Check Answer
245.
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.
Answer
Correct Answer:
The top and the bottom margins will be 3em and the left and the right margins will be 2em.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
246.
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
Note: This Question is unanswered, help us to find answer for this one
Check Answer
247.
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.
Answer
Correct Answer:
There is no difference, both of them have the same results.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
248.
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); }
Answer
Correct Answer:
.mirror_text{ -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
249.
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.
Answer
Correct Answer:
It is possible only when "background-image" is used.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
250.
Which of the following properties allow percentages in their value fields?
font-size
font-variant
font-weight
line-height
Answer
Correct Answer:
font-size
Note: This Question is unanswered, help us to find answer for this one
Check Answer
251.
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*/ }
a[href#='.pdf'] { /*css*/ }
a[href@='.pdf'] { /*css*/ }
a{href$='.pdf'} [/*css*/ ]
Answer
Correct Answer:
a[href$='.pdf'] { /*css*/ }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
252.
What is the default value of the transform-style property?
preserve-3d
flat
none
preserve
Note: This Question is unanswered, help us to find answer for this one
Check Answer
253.
What is the maximum value that can be given to the voice-volume property?
10
100
500
None of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
254.
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.
Answer
Correct Answer:
None of these.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
255.
Which of the following are not valid values for the target-new property?
window
tab
none
parent
current
Note: This Question is unanswered, help us to find answer for this one
Check Answer
256.
What is the initial value of the font-size property?
small
medium
large
default
Note: This Question is unanswered, help us to find answer for this one
Check Answer
257.
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"]) { }
Answer
Correct Answer:
input:not([type="radio & checkbox"]) { }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
258.
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?
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; }
Answer
Correct Answer:
input[type="radio"]:checked+label{ font-weight: bold; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
259.
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;
Answer
Correct Answer:
border-color: #a0c7ff #ffffff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
260.
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
Answer
Correct Answer:
img { float: left here }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
261.
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
Answer
Correct Answer:
andy lives behind cafe
Note: This Question is unanswered, help us to find answer for this one
Check Answer
262.
What is the default value of the animation-direction property?
none
normal
alternate
inherited
Note: This Question is unanswered, help us to find answer for this one
Check Answer
263.
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
Note: This Question is unanswered, help us to find answer for this one
Check Answer
264.
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%);
Answer
Correct Answer:
box-shadow: inset 0 0 8px rgba(0,0,0, 0.25);
Note: This Question is unanswered, help us to find answer for this one
Check Answer
265.
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;
Answer
Correct Answer:
border: 1px solid rgba(255, 0, 0, 0.7);
Note: This Question is unanswered, help us to find answer for this one
Check Answer
266.
Which of the following is the initial value for the column-fill property?
auto
balance
none
Note: This Question is unanswered, help us to find answer for this one
Check Answer
267.
Which of the following can be used to add a shadow around the div element below?
box-shadow: 0 0 8px 2px #888;
border-shadow: 0 0 8px 2px #888;
div-shadow: 8px 2px 0 0 #888;
None of these
Answer
Correct Answer:
box-shadow: 0 0 8px 2px #888;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
268.
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.
Answer
Correct Answer:
pause-before will be set to 40 seconds and pause-after will be set to 60 seconds.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
269.
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;
Answer
Correct Answer:
width: calc(100% - 50px);
Note: This Question is unanswered, help us to find answer for this one
Check Answer
270.
Which of the following is not a valid value for the font-stretch property?
condensed
normal
semi-narrower
expanded
semi-expanded
Answer
Correct Answer:
semi-narrower
Note: This Question is unanswered, help us to find answer for this one
Check Answer
271.
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'])
Answer
Correct Answer:
input:not([type="text"])
Note: This Question is unanswered, help us to find answer for this one
Check Answer
272.
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
Note: This Question is unanswered, help us to find answer for this one
Check Answer
273.
For the clear property, which of the following values is not valid?
none
left
right
top
Note: This Question is unanswered, help us to find answer for this one
Check Answer
274.
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.
Answer
Correct Answer:
-webkit-box-shadow: 0 4px 4px -2px #000000; -moz-box-shadow: 0 4px 4px -2px #000000; box-shadow: 0 4px 4px -2px #000000;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
275.
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.
Answer
Correct Answer:
It applies the rule only on divs who belong to a class that begins with "stronger".
Note: This Question is unanswered, help us to find answer for this one
Check Answer
276.
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.
Answer
Correct Answer:
#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; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
277.
What is true about Not Equal (! =) selector in CSS3 ?
It’s cross-browser.
It’s not cross-browser.
It will work only for class selector.
It’s not possible in css3.
Answer
Correct Answer:
It’s not possible in css3.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
278.
The color in three digit RGB notation is #fb0. What will be its equivalent six digit color code?
#fb0fb0
#ffbb00
#fbfb00
None of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
279.
Which of the following is the best implementation of a continously rotating animated image in CSS3?
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(180deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
#rotating img
{
-webkit-animation-name: rotate;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
-webkit-transition-timing-function: linear;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
#rotating img
{
-webkit-animation-name: rotate;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
-webkit-transition-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
#rotating img
{
-webkit-transition-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
Answer
Correct Answer:
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
#rotating img
{
-webkit-animation-name: rotate;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
-webkit-transition-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
280.
Which of the following will add a border to a div element, without adding to its size in pixels?
div{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
width:100px;
height:100px;
border:20px solid red;
background:green;
margin:10px;
}
div + div{
border:10px solid red;
}
div{
width:100px;
height:100px;
border:20px solid red;
background:green;
margin:-10px;
}
div + div{
border:10px solid red;
}
div{
width:100px;
height:100px;
border:20px solid red;
background:green;
padding:-10px;
}
div + div{
border:10px solid red;
}
None of these
Answer
Correct Answer:
div{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
width:100px;
height:100px;
border:20px solid red;
background:green;
margin:10px;
}
div + div{
border:10px solid red;
}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
281.
The sans-serif generic font-family is characterized by:
Finish strokes, flared or tapering ends, or actual serifed endings.
Stroke endings that are plain without any flaring, cross stroke, or other ornamentation.
Either join strokes or other cursive characteristics beyond those of italic typefaces.
Primarily decorate the characters while still containing their representations.
Answer
Correct Answer:
Stroke endings that are plain without any flaring, cross stroke, or other ornamentation.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
282.
Which of the following is the best implementation of a continuously rotating animated image in CSS3?
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(180deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
#rotating img
{
-webkit-animation-name: rotate;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
-webkit-transition-timing-function: linear;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
#rotating img
{
-webkit-animation-name: rotate;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit- ANIMATION -timing-function: linear;
-moz-ANIMATION-timing-function: linear;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(180deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
#rotating img
{
Transition-timing-function: linear;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
Answer
Correct Answer:
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
#rotating img
{
-webkit-animation-name: rotate;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit- ANIMATION -timing-function: linear;
-moz-ANIMATION-timing-function: linear;
}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
283.
What will the following code produce?
@font-face {
Font-family: “DejaVu Sans”;
src: url(“fonts/DejaVuSans.ttf”);
}
@font-face {
Font-family: “DejaVu Sans”;
Src: url(“fonts/DejaVuSans-Bold.ttf”);
Font-weight: bold;
}
@font-face {
Font-family: “Dejavu Sans”;
Src: url(“fonts/dejaVuSans-Oblique.ttf”);
Font-style: italic, oblique;
}
@font-face {
Font-family: “DejaVu Sans”;
Src: url(“fonts/DejaVuSans-bold0bliqu.ttf”);
Font-weight: bold;
Font-style: italic, oblique;
}
Font style is set to italic, oblique.
Font-weight is set to bold;
Font-family is set to DejaVu Sans
Multiple @font-face rules added.
Answer
Correct Answer:
Multiple @font-face rules added.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
284.
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
Answer
Correct Answer:
SVG supports only CSS filters.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
285. What do you need to change in order to visually modify a button on mouseover?
Hover state
URL
Tag name
Button file
Answer
Correct Answer:
Hover state
Note: This Question is unanswered, help us to find answer for this one
Check Answer
286. What is the correct way to write short hand to this statement below background-color: blue; background-image: url("http://example.com/img.png"); background-repeat: no-repeat;
background: blue no-repeat url(http://example.com/img.png);
background: blue url(http://example.com/img.png) no-repeat;
background: no-repeat url(http://example.com/img.png) blue;
background: url(http://example.com/img.png) blue no-repeat
Answer
Correct Answer:
background: blue url(http://example.com/img.png) no-repeat;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
287. which code is in correct format?
div { background: url(img_flwr.gif); size: 80px 60px; background-repeat: no-repeat; }
div { background: url(img_flwr.gif); background-size: 80px 60px; background-repeat: no-repeat; }
div { background: (img_flwr.gif); background-size: 80px 60px; background-repeat: no-repeat; }
div { background: url(img_flwr.gif), background-size: 80px 60px, background-repeat: no-repeat };
div { background: url(img_flwr.gif); background-size: 80px 60px; background-repeat:: no-repeat; };
Answer
Correct Answer:
div { background: url(img_flwr.gif); background-size: 80px 60px; background-repeat: no-repeat; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
288. Which property would you use to change the color of the text?
color
content-color
text-color
font-color
inline-color
Note: This Question is unanswered, help us to find answer for this one
Check Answer
289. what is the default value of z-index?
-1
none
0
1
Note: This Question is unanswered, help us to find answer for this one
Check Answer
290. Which property represents a line that acts as a boundary?
Margin
Padding
Border
Note: This Question is unanswered, help us to find answer for this one
Check Answer
291. Which of the following is an example of a pseudo class?
p#first-child
#a-hover;
p:first-child
.header-select
Answer
Correct Answer:
p:first-child
Note: This Question is unanswered, help us to find answer for this one
Check Answer
292. Which property can be used to increase or decrease the space between words?
word-space
space
word-spacing
Answer
Correct Answer:
word-spacing
Note: This Question is unanswered, help us to find answer for this one
Check Answer
293. Consider the following font definition: font-weight:normal
What is the other way of getting the same result?
None of the above
font-weight:900
font-weight:400
font-weight:100
Answer
Correct Answer:
font-weight:100
Note: This Question is unanswered, help us to find answer for this one
Check Answer
294. Which of these tags is correct for a CSS Child Selector?
div = p
div > p
div 'select' p 'child'
div => p
div < p
Note: This Question is unanswered, help us to find answer for this one
Check Answer
295. You are new in the Company and your boss wants you to order a specific item that he often uses. You have no idea who is the supplier and do not dare asking. What do you do?
You go through the company's past invoices looking for information on that specific item
You ask your boss' s EA
You ask a few of your colleagues in case they have a clue before asking your boss
You research the internet and randomly select a supplier that sells the same product
Answer
Correct Answer:
You go through the company's past invoices looking for information on that specific item
Note: This Question is unanswered, help us to find answer for this one
Check Answer
296. What does the outline-offset property do??
Draws an outline beyond the border edge.
Both of the other answers are correct.
Offsets an outline
Answer
Correct Answer:
Both of the other answers are correct.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
297. Which property can help you to create a more layered webpage layout?
x-index
z-index
y-index
Note: This Question is unanswered, help us to find answer for this one
Check Answer
298. Which can you use to move one element above another?
position
margin
padding
z-index
float
Note: This Question is unanswered, help us to find answer for this one
Check Answer
299. 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
Answer
Correct Answer:
Select the child of the element it follows
Note: This Question is unanswered, help us to find answer for this one
Check Answer
300. Which property is mostly used to remove underlines from links?
text-transformation
text-underline
text-trans
text-decoration
Answer
Correct Answer:
text-decoration
Note: This Question is unanswered, help us to find answer for this one
Check Answer
301. Which rule is used to import an external style sheet in a manner similar to the <link> element?
@import
#import
#insert
@insert
Note: This Question is unanswered, help us to find answer for this one
Check Answer
302. Which defines the color of text ?
color
fore-color :
font-color :
fontcolor :
Note: This Question is unanswered, help us to find answer for this one
Check Answer
303. 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
Answer
Correct Answer:
border-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
304. 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
Answer
Correct Answer:
:first-child
Note: This Question is unanswered, help us to find answer for this one
Check Answer
305. Which attribute defines inline style?
styles
style
name-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
306. how do you make a class?
$
!
.
#
Note: This Question is unanswered, help us to find answer for this one
Check Answer
307. The correct inline CSS to remove underlines from links is <style="text-decoration: none">
False
True
Note: This Question is unanswered, help us to find answer for this one
Check Answer
308. What are CSS frameworks?
none
It is a pre-planned libraries, which allows easier and more standards-compliant webpage styling, using CSS language.
Answer
Correct Answer:
It is a pre-planned libraries, which allows easier and more standards-compliant webpage styling, using CSS language.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
309. How to put a background image?
fond:;
background-image : ;
background-color:;
background: ;
Answer
Correct Answer:
background-image : ;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
310. CSS is a web standard that describes style for?
XML/HTML documents
Javascipt
Answer
Correct Answer:
XML/HTML documents
Note: This Question is unanswered, help us to find answer for this one
Check Answer
311. Which defines the size of text?
fontsize :
font-size :
fontsiZe :
font.size :
Answer
Correct Answer:
font-size :
Note: This Question is unanswered, help us to find answer for this one
Check Answer
312. Hex values are written as three double digit numbers starting with which character?
$ sign
# sign
% sign
@ sign
Note: This Question is unanswered, help us to find answer for this one
Check Answer
313. Which statement is used in CSS to remove table borders?
tableborder: false;
table: remove-border;
border-collapse: collapse;
border: remove;
Answer
Correct Answer:
border-collapse: collapse;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
314. 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
Answer
Correct Answer:
to specify the indentation of the first line of a text
Note: This Question is unanswered, help us to find answer for this one
Check Answer
315. We write single________ before the pseudo-class property
Hash
Dot
Colon
Semicolon
Note: This Question is unanswered, help us to find answer for this one
Check Answer
316. Which type of doesn't use a selector?
Inline
Internal
External
all are wrong
Note: This Question is unanswered, help us to find answer for this one
Check Answer
317. If i set font-size to 1em, what's the default size in pixels?
16px
18px
10px
12px
Note: This Question is unanswered, help us to find answer for this one
Check Answer
318. div is a block level element?
Yes
No
Note: This Question is unanswered, help us to find answer for this one
Check Answer
319. Can a percentage value be given in a ruby-align property?
No
Yes
Note: This Question is unanswered, help us to find answer for this one
Check Answer
320. 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
Answer
Correct Answer:
div[style]{}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
321. How do you center content horizontally in a page's body element?
body { width: 90%; margin: 0 auto; }
body { width: 90%; margin: 0 auto; }
body { left: 50%; }
body { align: center; }
Answer
Correct Answer:
body { width: 90%; margin: 0 auto; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
322. How can you center a block with a certain width?
margin: 0 auto;
text-align: center;
block-align: center;
margin: 0;
Answer
Correct Answer:
margin: 0 auto;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
323. 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.
Answer
Correct Answer:
No effect
Note: This Question is unanswered, help us to find answer for this one
Check Answer
324. Which CSS position property would you use for effecting within parent's attributes?
Relative
Fixed
Static
none
Note: This Question is unanswered, help us to find answer for this one
Check Answer
325. what is the right syntax of media query?
media="(width: 480px)"
media=width: 480px
media="('width': '480px')"
media="'width': '480px'
Answer
Correct Answer:
media="(width: 480px)"
Note: This Question is unanswered, help us to find answer for this one
Check Answer
326. Does a class selector and pseudo class selector have the same specificity weight?
True
False
Note: This Question is unanswered, help us to find answer for this one
Check Answer
327. Which of the following styles is valid?
border: none;
border= none;
border= “none”;
None of the above
Answer
Correct Answer:
border: none;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
328. What is the proper syntax inline styling a floated element to the left?
style="float:left;"
float="left";
style="float-left"
style="float=left"
Answer
Correct Answer:
style="float:left;"
Note: This Question is unanswered, help us to find answer for this one
Check Answer
329. How do you make an ID?
#
?
!
.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
330. 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
Answer
Correct Answer:
using respond.js
Note: This Question is unanswered, help us to find answer for this one
Check Answer
331. 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
Answer
Correct Answer:
img { float: top-corner next-page; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
332. 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
Note: This Question is unanswered, help us to find answer for this one
Check Answer
333. 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
Note: This Question is unanswered, help us to find answer for this one
Check Answer
334. The sans-serif generic font-family is characterized by:
finish strokes, flared or tapering ends, or actual serifed endings.
primarily decorate the characters while still containing their representations.
either join strokes or other cursive characteristics beyond those of italic typefaces.
stroke endings that are plain without any flaring, cross stroke, or other ornamentation.
Answer
Correct Answer:
stroke endings that are plain without any flaring, cross stroke, or other ornamentation.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
335. In which position will it be calculated from the upper left corner of the parent layer?
position: fixed
position: relative
position: absolute
Answer
Correct Answer:
position: absolute
Note: This Question is unanswered, help us to find answer for this one
Check Answer
336. What is the purpose of cue-before property?
Specifies a sound to be played before speaking an element's content
Sets where the sound should come from
Answer
Correct Answer:
Specifies a sound to be played before speaking an element's content
Note: This Question is unanswered, help us to find answer for this one
Check Answer
337. 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
Answer
Correct Answer:
font-weight:400
Note: This Question is unanswered, help us to find answer for this one
Check Answer
338. Select the correct CSS syntax.
.main {div:background:black;}
{div:background;black;}
.main div {background: black;}
main div {background: black;}
Answer
Correct Answer:
.main div {background: black;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
339. What is the correct tag to define an internal style sheet?
<style>
<meta>
<script>
<css>
<link>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
340. what happens when you add padding to object?
it increases the distance between it and its container.
it makes it bigger
Answer
Correct Answer:
it increases the distance between it and its container.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
341. How do you add padding in css
padding-3px;
pad:2px;
padding:3px;
Answer
Correct Answer:
padding:3px;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
342. What is the proper syntax for selecting an element by class?
$className (dollar sign followed by className)
.className (period followed by the class name)
className (no symbol required)
#className (pound symbol followed by the class name)
Answer
Correct Answer:
.className (period followed by the class name)
Note: This Question is unanswered, help us to find answer for this one
Check Answer
343. How do you change the font of an element?
font-family:
f:
None of the above
font:
Answer
Correct Answer:
font-family:
Note: This Question is unanswered, help us to find answer for this one
Check Answer
344. Which of the following is used to represent a Visited hyperlink
:link
:focus
:visited
:clicked
Note: This Question is unanswered, help us to find answer for this one
Check Answer
345. How can you position an absolutely positioned HTML element?
placement
top, right, left, bottom
margin
padding
Answer
Correct Answer:
top, right, left, bottom
Note: This Question is unanswered, help us to find answer for this one
Check Answer
346. h1, h2, h3, h4, h5, h6 { font-weight: 500; } Which elements apply?
h
h1 h2 h3 h4 h5 h6
h1
h6
Answer
Correct Answer:
h1 h2 h3 h4 h5 h6
Note: This Question is unanswered, help us to find answer for this one
Check Answer
347. How is a class represented in CSS
.className { ... }
class className { ... }
#className { ... }
def className { ... }
Answer
Correct Answer:
.className { ... }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
348. Which one of the following would be considered as valid?
border-right: 1px solid absolute;
border-right: 1px solid activeColor;
border-right: 1px solid currentColor;
border-right: 1px solid inheritColor;
border-right: 1px solid color;
Answer
Correct Answer:
border-right: 1px solid currentColor;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
349. To specify table borders in CSS, __________ property is used
table-border
tbl-border
border
Note: This Question is unanswered, help us to find answer for this one
Check Answer
350. On which side will there be a 30px padding given the following declaration: padding: 10px 15px 20px 30px;
right
left
bottom
top
Note: This Question is unanswered, help us to find answer for this one
Check Answer
351. ___________ property can be used increase or decrease the space between words
word-spacing
word-space
space
Answer
Correct Answer:
word-spacing
Note: This Question is unanswered, help us to find answer for this one
Check Answer
352. On which side will there be a 15px padding given the following declaration: padding: 10px 15px 20px 30px;
top
right
left
bottom
Note: This Question is unanswered, help us to find answer for this one
Check Answer
353. What is the correct CSS syntax
text-decoration:nine;
text-decoration:none;
text-decoration:0;
Answer
Correct Answer:
text-decoration:none;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
354. what does the `azimuth` property set?
Sets the direction where the sound should come from
Sets the transition angle
Sets the angle of the background image on an element
doesn't exist
Sets the angle of the box model
Answer
Correct Answer:
Sets the direction where the sound should come from
Note: This Question is unanswered, help us to find answer for this one
Check Answer
355. Specifies a rotation in the right or clockwise direction that a user agent applies to an image
image-move
image-rotation
image-orientation
image-transform
Answer
Correct Answer:
image-orientation
Note: This Question is unanswered, help us to find answer for this one
Check Answer
356. When can a semicolon be omitted?
Last statement in a group
All of the above.
Inline style setting in an HTML tag
When there is only one statement in a rule
Answer
Correct Answer:
Inline style setting in an HTML tag
Note: This Question is unanswered, help us to find answer for this one
Check Answer
357. Which is not a valid pseudo class?
:matches()
:valid
:only-of-type
:root
:nth
Note: This Question is unanswered, help us to find answer for this one
Check Answer
358. Which of the following is not a pseudo class?
lang
first
active
link
Note: This Question is unanswered, help us to find answer for this one
Check Answer
359. The color names are defined in the HTML and CSS color specification (___ standard colors plus ____ more).
18,126
15,123
16,125
17,124
Note: This Question is unanswered, help us to find answer for this one
Check Answer
360. Which property defines the distance between the nearest border edges of a marker and its associated principal box in an unordered list?
marker-spacing
list-spacing
list-offset
marker-offset
Answer
Correct Answer:
marker-offset
Note: This Question is unanswered, help us to find answer for this one
Check Answer
361. Which of the following is a required box-shadow property?
color
spread
h-shadow
inset
blur
Note: This Question is unanswered, help us to find answer for this one
Check Answer
362. In css border radius is not supported by Internet explorer version under
10
6
8
9
7
Note: This Question is unanswered, help us to find answer for this one
Check Answer
363. position: absolute means...
That the element is positioned accordingly to the closest ancestor with a relative position.
That the element is positioned accordingly to the closest ancestor with an absolute position.
That the element is positioned accordingly to the closest ancestor with a position.
That the element is positioned accordingly to the browser window.
Answer
Correct Answer:
That the element is positioned accordingly to the closest ancestor with a position.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
364. What page media property gives a hint for how to scale a replaced element if neither its width nor its height property is auto?
fit
size
scale
main
Note: This Question is unanswered, help us to find answer for this one
Check Answer
365. A final property is the visibility property that will allow you to create
visible layers
invisible layers
enable layers
Answer
Correct Answer:
invisible layers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
366. Which of the following properties can be used to create multiple columns for laying out text - like in newspapers?
column-gap
column-count
column-rule
all of these
Answer
Correct Answer:
column-count
Note: This Question is unanswered, help us to find answer for this one
Check Answer
367. In CSS tables, the possible values for the caption-side property can have the following values.
top, bottom, left or right
top, bottom, center, left or right
left or right
top or bottom
Answer
Correct Answer:
top, bottom, left or right
Note: This Question is unanswered, help us to find answer for this one
Check Answer
368. What is the recommended order for styling an <a> tag?
a:link { } , a:hover { } , a:active { } , a:visited { }
a:link { } , a:active { } , a:hover { } , a:visited { }
a:active { } , a:visited { } , a:hover { } , a:link { }
a:link { } , a:visited { } , a:hover { } , a:active { }
a:active { } , a:link { } , a:hover { } , a:visited { }
Answer
Correct Answer:
a:link { } , a:visited { } , a:hover { } , a:active { }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
369. What is the total width for this div : div { width: 100px; margin: 5px; padding: 10px 5px 15px 5px; border: 5px solid #000; }
130px
110px
120px
Note: This Question is unanswered, help us to find answer for this one
Check Answer
370. Which of the following text-decoration styles is not correct?
text-decoration: underline
text-decoration: inherit
text-decoration: overline
text-decoration: strike-through
Answer
Correct Answer:
text-decoration: strike-through
Note: This Question is unanswered, help us to find answer for this one
Check Answer
371. The css property border-style:dotted solid; would have the following effect:
Specifies a double border
Would specify different borders for different sides
Specifies all four borders are dotted
Is not correct
Answer
Correct Answer:
Would specify different borders for different sides
Note: This Question is unanswered, help us to find answer for this one
Check Answer
372. To use inline styles you use the style attribute in the ............... tag
link tag
style tag
relevant tag
Answer
Correct Answer:
relevant tag
Note: This Question is unanswered, help us to find answer for this one
Check Answer
373. Which of the following is NOT valid.
visibility: none
visibility: collapse
visibility: inherit
visibility: hidden
visibility: visible
Answer
Correct Answer:
visibility: none
Note: This Question is unanswered, help us to find answer for this one
Check Answer
374. Which of the following declarations is incorrect?
table { table-layout: fixed; }
table { border-collapse: separate; }
table { display: table-column-grouped; }
table { empty-cells: hide; }
table { direction: rtl; }
Answer
Correct Answer:
table { display: table-column-grouped; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
375. How do you select all the first <p> elements that immediately follow a <h2> element?
h2 ~ p { }
h2 > p { }
h2 + p { }
h2 p { }
Answer
Correct Answer:
h2 + p { }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
376. With regards to the cascade effect of CSS, when does the order of css style rules matter most?
When the rules are equal in specificity.
The order does not matter.
The order only matters when using external style sheets.
The order always matters.
Answer
Correct Answer:
When the rules are equal in specificity.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
377. Which of the following selectors is the MOST efficient?
ul#menu li a.text { ... }
#menu ul li a.text { ... }
#menu ul .text { ... }
ul#menu .text { ... }
#menu .text { ... }
Answer
Correct Answer:
#menu .text { ... }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
378. Which of the following is true about this style? border-width: thin medium thick 3px;
All borders are thin.
The bottom border is medium thickness.
Thick borders have a thickness of 3px.
The left border will have a thickness of 3px.
Answer
Correct Answer:
The left border will have a thickness of 3px.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
379. Describes how the speed during a transition will be calculated. Default "ease"
transition-timing-function
transition-duration
transition-property
transition-delay
Answer
Correct Answer:
transition-timing-function
Note: This Question is unanswered, help us to find answer for this one
Check Answer
380. How can you keep the parent element from collapsing when all elements inside are being floated?
Using overflow: hidden;
All of these
Specify a height
Using a clear fix
Answer
Correct Answer:
All of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
381. The ______________ property describes how the intermediate values used during a transition will be calculated
transition-timing-function
transition duration
transition time
Answer
Correct Answer:
transition-timing-function
Note: This Question is unanswered, help us to find answer for this one
Check Answer
382. What does the CSS speak-header property do?
Specifies whether content will render aurally
Specifies whether table headers are spoken before every cell
Specifies whether the tables caption should be spoken or not
Specifies whether the tables contents should be spoken or not
Specifies a sound to be played before speaking a tables content
Answer
Correct Answer:
Specifies whether table headers are spoken before every cell
Note: This Question is unanswered, help us to find answer for this one
Check Answer
383. Which part of the following selector does the browser parse first? ul > li a[title="home"]
a[title="home"]
>
li
ul
Answer
Correct Answer:
a[title="home"]
Note: This Question is unanswered, help us to find answer for this one
Check Answer
384. Which of the following specifies the number of times an animation should be played?
iteration
animation-count
animation-iteration-count
iteration-count
Answer
Correct Answer:
animation-iteration-count
Note: This Question is unanswered, help us to find answer for this one
Check Answer
385. What is the specificity calculation for an ID in CSS?
100
050
010
101
001
Note: This Question is unanswered, help us to find answer for this one
Check Answer
386. What does the CSS cue property do?
Specifies a sound to be played before and after the selected element
Specifies a sound to be played as a background while an element's content is spoken
Specifies the frequency of the speaking voice
Prompts the user to enter a voice command
Answer
Correct Answer:
Specifies a sound to be played before and after the selected element
Note: This Question is unanswered, help us to find answer for this one
Check Answer
387. What colors are displayed when using six identical hexadecimal numbers to define color?
red, green or blue
white, gray or black
red, purple or blue
yellow, orange or red
Answer
Correct Answer:
white, gray or black
Note: This Question is unanswered, help us to find answer for this one
Check Answer
388. The value of letter-spacing property is
either normal or of length type
both normal or of length type
neither normal or of length type
Answer
Correct Answer:
either normal or of length type
Note: This Question is unanswered, help us to find answer for this one
Check Answer
389. To style a link that ends in .html differently than a link that ends with another file extension you would use which code?
a[href^='.html']{color: purple;}
a[href&='.html']{color: purple;}
a[href*='.html']{color: purple;}
a[href$='.html']{color: purple;}
Answer
Correct Answer:
a[href$='.html']{color: purple;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
390. In the following line; H1 { color:blue } What is the part within the curly braces?
Declaration
Property
Value
Selector
Answer
Correct Answer:
Declaration
Note: This Question is unanswered, help us to find answer for this one
Check Answer
391. what does the following css do? p { counter-increment: myIndex; } p:before { content : counter(myIndex); }
places an incremented value before each paragraph.
places the length of the paragraph before each paragraph
nothing the css snippet is invalid
Answer
Correct Answer:
places an incremented value before each paragraph.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
392. Which aspect of CSS has some direct resemblance with the common regular expression syntax?
Attribute selectors
Property values
3d translating
Pseudo classes
Property names
Answer
Correct Answer:
Attribute selectors
Note: This Question is unanswered, help us to find answer for this one
Check Answer
393. Which value preserves the white spaces as specified in the content?
pre
normal
post
nowrap
Note: This Question is unanswered, help us to find answer for this one
Check Answer
394. How can you blur text?
.blur { color: black; font-shadow: 0 0 5px rgba(0,0,0,0.5); }
.blur { color: transparent; webkit-shadow: 0 0 5px rgba(0,0,0,0.5); }
.blur { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5); }
.blur { color: black; text-shadow: 0 0 5px rgba(0,0,0,0.5); }
Answer
Correct Answer:
.blur { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5); }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
395. Which value of display property is NOT valid?
display: inline-caption;
display: inline-table;
display: table-row;
display: table-row-group;
display: list-item;
Answer
Correct Answer:
display: inline-caption;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
396. Which of the following is correct CSS syntax for using font property?
<p style="font: italic, bold, 15px;"> ................ </p>
None of these
<p style="font-style: italic font-weight: bold font-size: 15px;"> ................... </p>
<p style="font: italic bold 15px;"> ....................... </p>
Answer
Correct Answer:
<p style="font: italic bold 15px;"> ....................... </p>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
397. If the link to the external css is placed after the embedded css in the <head>...
the external styles will override the embedded styles.
the embedded css will override the external styles.
Answer
Correct Answer:
the external styles will override the embedded styles.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
398. Which of the following properties is MOST likely to increase the amount of time it takes the browser to repaint?
color
box-shadow
border-width
font-weight
opacity
Answer
Correct Answer:
box-shadow
Note: This Question is unanswered, help us to find answer for this one
Check Answer
399. In which position will be calculated from that exact spot in the middle of your page where it was added?
position:absolute
position:relative
Answer
Correct Answer:
position:relative
Note: This Question is unanswered, help us to find answer for this one
Check Answer
400. Which vertical-align value is not correct?
vertical-align: super
vertical-align: bottom
vertical-align: sub
vertical-align: text-base
Answer
Correct Answer:
vertical-align: text-base
Note: This Question is unanswered, help us to find answer for this one
Check Answer
401. What is the default value of position: ?
fixed
inherit
relative
absolute
static
Note: This Question is unanswered, help us to find answer for this one
Check Answer
402. What is the adjacent sibling selector?
*
-
+
:
>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
403. What is the effect of using a negative number in a padding declaration? Example: p {padding-top: -10px;}
Same as padding-top: 0px;
same as padding-top: 10px;
Same as position: absolute; top: -10px;
Same as margin-top: -10px;
Answer
Correct Answer:
Same as padding-top: 0px;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
404. When using the font-family property which of the following is typically NOT the last font listed?
comic sans
monospace
sans-serif
serif
Answer
Correct Answer:
comic sans
Note: This Question is unanswered, help us to find answer for this one
Check Answer
405. Which of the following is correct for specifying the print media type?
@media-screen: print { p.test { ... } }
@media print { p.test { ... } }
@media-type: print { p.test { ... } }
@media-print { p.test { ... } }
Answer
Correct Answer:
@media print { p.test { ... } }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
406. Which CSS code is used to wrap a long unbroken text to prevent it from expanding outside the parent container?
.selector{word-wrap: break-word;}
.selector{word-wrap: word-wrap;}
.selector{word: word-wrap;}
.selector{word-wrap: break;}
Answer
Correct Answer:
.selector{word-wrap: break-word;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
407. Which of these is not a valid generic font-family?
fantasy
monospace
handwriting
serif
sans-serif
Answer
Correct Answer:
handwriting
Note: This Question is unanswered, help us to find answer for this one
Check Answer
408. Which properties allow specifying the formatting rules for the textual content on a Web page?
CSS texting
None
CSS textual
CSS text
Note: This Question is unanswered, help us to find answer for this one
Check Answer
409. If an element appears before a floated element that element will...
float to the bottom
not be affected.
float to the center
float to the top
float around it
Answer
Correct Answer:
not be affected.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
410. Which one is not a correct value of clear property?
clear:inherit;
clear:left;
clear:none;
clear:all;
clear:both;
Answer
Correct Answer:
clear:all;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
411. True or False: The :first-line pseudo-element applies special styles to the contents of all but the first formatted line of a paragraph.
True
False
Note: This Question is unanswered, help us to find answer for this one
Check Answer
412. Which of the following is correct for the word-wrap Property?
p.test {word-wrap:break-text;}
p.test {word:wrap-text;}
p.test {word-wrap:break;}
p.test {word-wrap:break-word;}
p.test {word-wrap:wrap;}
Answer
Correct Answer:
p.test {word-wrap:break-word;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
413. What is absolute positioning?
When an element is positioned in a natural location in a page's flow.
When an element is positioned relative to the browser window.
When an element is positioned relative to the first parent element that has a position other than static.
When an element is positioned using only z-index positioning.
Answer
Correct Answer:
When an element is positioned relative to the first parent element that has a position other than static.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
414. In which position it will be calculated from the upper left corner of the parent layer?
position:absolute
position:relative
Answer
Correct Answer:
position:absolute
Note: This Question is unanswered, help us to find answer for this one
Check Answer
415. What is the default align for <tfoot>?
right
left
justify
none
Note: This Question is unanswered, help us to find answer for this one
Check Answer
416. What would the following do? tr:nth-child(2n){background-color: red; }
Changes the background color of every even number table row to red
Changes the text color of ONLY the second row in a table to red
Changes the text color of every even number table row to red
Changes the background color of ONLY the second row in a table to red
Is invalid CSS
Answer
Correct Answer:
Changes the background color of every even number table row to red
Note: This Question is unanswered, help us to find answer for this one
Check Answer
417. What is the cascading order (from lowest to highest priority) when there are multiple styles specified for an HTML element?
1) browser default, 2) external style sheet, 3) internal style sheet (in the head section), 4) inline style (inside an HTML element)
1) browser default, 2) inline style (inside an HTML element), 3) internal style sheet (in the head section), 4) external style sheet
1) internal style sheet (in the head section), 2) inline style (inside an HTML element), 3) browser default, 4) external style sheet
1) external style sheet, 2) internal style sheet (in the head section), 3) inline style (inside an HTML element), 4) browser default
1) inline style (inside an HTML element), 2) internal style sheet (in the head section), 3) external style sheet, 4) browser default
Answer
Correct Answer:
1) browser default, 2) external style sheet, 3) internal style sheet (in the head section), 4) inline style (inside an HTML element)
Note: This Question is unanswered, help us to find answer for this one
Check Answer
418. What property defines whether background images scroll along with the element when the document is scrolled?
background-attachment
main-bg-scroll
background-scroll
bg
bg-move
Answer
Correct Answer:
background-attachment
Note: This Question is unanswered, help us to find answer for this one
Check Answer
419. When styling links, a:active must come _____ a:hover.
before
after
Note: This Question is unanswered, help us to find answer for this one
Check Answer
420. What has the greatest specificity?
h2.foo {color: blue;}
#footer {background: white;}
div strong {font-weight: bolder;}
*.foo tr:first-child {background: black;}
Answer
Correct Answer:
#footer {background: white;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
421. What does the following mean: ul[id^="name-here"]
target any <ul> with an ID that ends with 'name-here'
target any <ul> with an ID similar to 'name-here'
target any <ul> with an ID that starts with 'name-here'
target any <ul> with an ID that contains 'name-here'
Answer
Correct Answer:
target any <ul> with an ID that starts with 'name-here'
Note: This Question is unanswered, help us to find answer for this one
Check Answer
422. Which list-style-type property renders a filled circle?
square
circle
disc
Note: This Question is unanswered, help us to find answer for this one
Check Answer
423. Which of the following is invalid ?
.selector { background-image: content("image.png"); }
.selector { background-image: url("image.png"); }
.selector { background-image: url(image.png); }
.selector { content: url("image.png"); }
.selector { background: url("image.png"); }
Answer
Correct Answer:
.selector { background-image: content("image.png"); }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
424. Does using or not using a doctype (in HTML) affect how CSS styles HTML? (also known as standards mode vs quirks mode)
yes, it affects HTML rendering and CSS styling
no, it's strictly for HTML
Answer
Correct Answer:
yes, it affects HTML rendering and CSS styling
Note: This Question is unanswered, help us to find answer for this one
Check Answer
425. Which property allows you to increase or decrease the white space between words?
letter-spacing
word-margin
word-spacing
text-spacing
Answer
Correct Answer:
word-spacing
Note: This Question is unanswered, help us to find answer for this one
Check Answer
426. What character is used before the pseudo-class property?
dot
semicolon
colon
hash
Note: This Question is unanswered, help us to find answer for this one
Check Answer
427. A CSS ________ is a keyword added to selectors that specifies a special state of the element to be selected.
pseudo-class
rule
selector
element
operator
Answer
Correct Answer:
pseudo-class
Note: This Question is unanswered, help us to find answer for this one
Check Answer
428. The transition-duration property is in fact the only property required
All are correct
all properties that are able to undergo a transition
as if transition-property is not supplied
to create a transition effect
Answer
Correct Answer:
All are correct
Note: This Question is unanswered, help us to find answer for this one
Check Answer
429. Which of the following best describes the effect that a floated element has on surrounding elements?
The elements before the floating element will be affected.
If an image is floated to the right, a following text flows around it, to the right:
The elements after the floating element will flow around it.
Answer
Correct Answer:
The elements after the floating element will flow around it.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
430. Which of the following is NOT a common browser layout engine that determines CSS default styles?
Gecko
WebKit
Trident
Commando
Note: This Question is unanswered, help us to find answer for this one
Check Answer
431. All monospace characters have the same...
decoration
height
weight
width
Note: This Question is unanswered, help us to find answer for this one
Check Answer
432. What is the order of precedence (highest to lowest) when applying styles?
inline > embedded > external
embedded > external > inline
external > inline > embedded
inline > external > embedded
Answer
Correct Answer:
inline > embedded > external
Note: This Question is unanswered, help us to find answer for this one
Check Answer
433. What does the background-attachment property do?
It attaches an image to the background.
It links background as an external file.
It sets whether a background image should scroll with the content, or be fixed.
It displays a link to the background.
Answer
Correct Answer:
It sets whether a background image should scroll with the content, or be fixed.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
434. Which selector specifies that a list uses squares?
list-style-type: square;
type: 4 corners;
list-style: square;
type: square;
list-type-style: square;
Answer
Correct Answer:
list-style-type: square;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
435. What is the border-spacing property?
It is the distance between 1 table to another table.
It is the distance between the text in 1 cell to the text of adjacent cells.
It sets the distance between the borders of adjacent cells (only for the "separated borders" model).
It is the distance between a table and text outside the table.
It is the distance between the border and text in the table.
Answer
Correct Answer:
It sets the distance between the borders of adjacent cells (only for the "separated borders" model).
Note: This Question is unanswered, help us to find answer for this one
Check Answer
436. Which of the following code samples could be used to style a link whose URL begins with "https://sales."?
a { prepend: href='https://sales.'; color: pink; }
a:before { content: attr(href) "https://sales."; color: pink; }
a[href^='https://sales.'] { color: pink; }
None of these, can't do that in CSS
Answer
Correct Answer:
a[href^='https://sales.'] { color: pink; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
437. What CSS syntax can be used to hide an image without affecting the documents layout?
display: none
visibility: invisible
image: hide
visibility: hidden
display: hide
Answer
Correct Answer:
visibility: hidden
Note: This Question is unanswered, help us to find answer for this one
Check Answer
438. Which of the following is true about the overflow property?
The property values of the overflow properties include: visible, hidden, scroll, set and parent.
It specifies what happens if content overflows an element's box.
It fixes the content in the table, if content overflows an element's box.
Answer
Correct Answer:
It specifies what happens if content overflows an element's box.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
439. Which property indicates whether a cell without any content should have a border displayed?
empty-cells
nocontent-cells
noborder-cells
blank-cells
Answer
Correct Answer:
empty-cells
Note: This Question is unanswered, help us to find answer for this one
Check Answer
440. What is NOT an advantage of using CSS files?
Ability to hide the CSS code from the user.
The ability to change the look of a whole site by changing a single file.
Separation of style and content.
Less-cluttered HTML code, making it easier to read and maintain.
Answer
Correct Answer:
Ability to hide the CSS code from the user.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
441. In the following declaration which part represents the property? table { color: blue; }
color
{ color: blue; }
table
blue
Note: This Question is unanswered, help us to find answer for this one
Check Answer
442. What is the name for a property that clears an area outside the border and is completely transparent?
content
padding
border
box model
margin
Note: This Question is unanswered, help us to find answer for this one
Check Answer
443. Which version of CSS supports this tag :nth-child ?
All versions
CSS 2.1
CSS 1
CSS 3
CSS 2
Note: This Question is unanswered, help us to find answer for this one
Check Answer
444. A user can only view the border after specifying the
styles
All are correct
width
color
Answer
Correct Answer:
All are correct
Note: This Question is unanswered, help us to find answer for this one
Check Answer
445. The Text spacing properties are
The word-spacing property :
The text-indent property :
The letter-spacing property :
All are correct
Answer
Correct Answer:
All are correct
Note: This Question is unanswered, help us to find answer for this one
Check Answer
446. The transition-duration property's initial value is 0, meaning that the transition is
instantaneous
stantaneous
simultaneous
Answer
Correct Answer:
instantaneous
Note: This Question is unanswered, help us to find answer for this one
Check Answer
447. Pseudo-classes are used to represent _______.
Casual Events
Static Events
Dynamic Events
Related Events
Answer
Correct Answer:
Dynamic Events
Note: This Question is unanswered, help us to find answer for this one
Check Answer
448. Which at-rule allows you to define custom fonts?
@font-family { }
@font { }
@type-family { }
@font-face { }
Answer
Correct Answer:
@font-face { }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
449. What property is used with the :before and :after pseudo-elements to insert generated content?
content
insert
value
html
text
Note: This Question is unanswered, help us to find answer for this one
Check Answer
450. Write the css selector for the 3rd list item within an ordered list.
li:nth-child(1n+2) { // do something }
li:nth-child(3n) { // do something }
none of these
li:nth-child(3) { // do something }
li:nth-child(2n+1) { // do something }
Answer
Correct Answer:
li:nth-child(3) { // do something }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
451. The Hex color #0000FF is equal to:
green
yellow
red
blue
Note: This Question is unanswered, help us to find answer for this one
Check Answer
452. Which value will continue to display the text on the same line,until the BR element is specified?
nowrap
normal
pre
post
Note: This Question is unanswered, help us to find answer for this one
Check Answer
453. Identify the value in the following rule: a:hover { text-decoration: none; }
text-decoration
a
none
text-decoration: none;
a:hover
Note: This Question is unanswered, help us to find answer for this one
Check Answer
454. Which of the following specifies what the style actually does?
selector
class
properties
id
Answer
Correct Answer:
properties
Note: This Question is unanswered, help us to find answer for this one
Check Answer
455. To ensure consistent behavior when the user resizes text, font-size should be declared in units of:
percent
em
px
pt
Note: This Question is unanswered, help us to find answer for this one
Check Answer
456. What does "Cascading" in CSS refer to?
The way elements of a document can "cascade" by being moved on the page
A series of independent rules to control document style
The hierarchy of rules which determines how element properties are inherited
Separates a document's content from its display rules
Answer
Correct Answer:
The hierarchy of rules which determines how element properties are inherited
Note: This Question is unanswered, help us to find answer for this one
Check Answer
457. The box model consists of which of the following:
HTML, CSS, and Javascript
width, height, border, and length
margins,borders, padding, and the actual content
div and table
display, visibility, position, and z-index
Answer
Correct Answer:
margins,borders, padding, and the actual content
Note: This Question is unanswered, help us to find answer for this one
Check Answer
458. Where will a block level element appear in relations to the previous element in the document (by default)?
Below the previous element
Alongside the previous element
Above the previous element
On top of the previous element
Answer
Correct Answer:
Below the previous element
Note: This Question is unanswered, help us to find answer for this one
Check Answer
459. The following is an example of which type of CSS selector? E > F
Parent selector
Adjacent selector
Child selector
Sibling selector
Answer
Correct Answer:
Child selector
Note: This Question is unanswered, help us to find answer for this one
Check Answer
460. What does the following declaration accomplish? div{background-color: rgba(255,255,255,0.8); }
It sets a light gray background with a transparency of 80% to the div element and its children.
It sets a dark gray background to the div element.
Nothing: this declaration is not supported in Webkit browsers.
It sets a white background with a transparency of 80% to the div element.
It sets a black background with a transparency of 80% to the div element.
Answer
Correct Answer:
It sets a white background with a transparency of 80% to the div element.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
461. how to set multiple images in background through css
background-image: url(xyz.png) url(a2z.png);
background-image: url(xyz.png); background-image:url(a2z.png);
background-image= url(xyz.png) > url(a2z.png);
background-image: url(xyz.png), url(a2z.png);
background:image= url(a2z.png), url(xyz.png);
Answer
Correct Answer:
background-image: url(xyz.png), url(a2z.png);
Note: This Question is unanswered, help us to find answer for this one
Check Answer
462. Which of the following tells the browser where you want to apply the rule?
Main
Selector
Property
Body
Value
Note: This Question is unanswered, help us to find answer for this one
Check Answer
463. Which would you use to write shorthand css to affect the outline properties?
outline
outline-total
all of these
outline-all
Note: This Question is unanswered, help us to find answer for this one
Check Answer
464. Which of these is NOT a CSS pseudo-class?
a:blur
a:hover
input:focus
a:active
p:after
Note: This Question is unanswered, help us to find answer for this one
Check Answer
465. Select the correct value to set the background to silver for even rows.
tr:nth-child(2) {background: silver;}
tr:nth-child(2n) {background: silver;}
tr:even {background: silver;}
tr:nth-child(1) {background: silver;}
Answer
Correct Answer:
tr:nth-child(2n) {background: silver;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
466. The First step of transition is
transition-timing-function
transition-duration
transition-property
transition-delay
Answer
Correct Answer:
transition-property
Note: This Question is unanswered, help us to find answer for this one
Check Answer
467. What does the outline-offset property do?
Both of the other answers are correct.
Offsets an outline
Draws an outline beyond the border edge.
Answer
Correct Answer:
Both of the other answers are correct.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
468. Which property is used to specify typefaces ?
font-name
font-type
font-face
font-family
Answer
Correct Answer:
font-family
Note: This Question is unanswered, help us to find answer for this one
Check Answer
469. Which of the following elements will be matched by this CSS selector: div[class|="foo"] ?
<div class="foo"> ... </div>
<div class="foo-bar"> ... </div>
All of these elements will be matched.
<div class="foo-bar foo-baz"> ... </div>
Answer
Correct Answer:
All of these elements will be matched.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
470. Which value of the border style property can look as though it were embedded in the canvas?
inset
groove
hidden
ridge
Note: This Question is unanswered, help us to find answer for this one
Check Answer
471. Which of the following color values is invalid?
#abcdef
rgb(1, 2, 3)
#f00
transparent
They're all valid.
Answer
Correct Answer:
They're all valid.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
472. The pseudo selector ":nth-child(2n)" can also be written as:
:nth-child(odd)
:nth-child(even)
:nth-child(everysecond)
:nth-child(second)
Answer
Correct Answer:
:nth-child(even)
Note: This Question is unanswered, help us to find answer for this one
Check Answer
473. Which of the following elements will be matched by the CSS selector: div[class*="foo"] ?
<div class="foobar"> ... </div>
<div class="baz-foo"> ... </div>
<div class="foo"> ... </div>
All of these elements will be matched.
Answer
Correct Answer:
All of these elements will be matched.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
474. When determining hexadecimal colors, which value is the highest?
ff
00
zz
99
Note: This Question is unanswered, help us to find answer for this one
Check Answer
475. What is the purpose of line-height?
Set the height of the html hr tag.
All of these.
Set the height for each line of text in an html element.
To vertical align text in an html element.
Answer
Correct Answer:
Set the height for each line of text in an html element.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
476. Which of the following is true for the max-width property?
Set the maximum width of a paragraph with the following: p { max-width:full; }
The max-width sets the width of the table border to another border.
The max-width property does not include padding, borders, or margins.
Answer
Correct Answer:
The max-width property does not include padding, borders, or margins.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
477. Which element is a block element?
All
<p>
<h1>
<ul>
<div>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
478. What are the correct values for "float" property?
left, right, top, bottom
left, right
left, right, all
left, right, none
Answer
Correct Answer:
left, right, none
Note: This Question is unanswered, help us to find answer for this one
Check Answer
479. Which values can be used to set text direction?
mltr and mrtl
ltr and rtl
ttr and btr
None
Answer
Correct Answer:
ltr and rtl
Note: This Question is unanswered, help us to find answer for this one
Check Answer
480. The elements after the floating element will...
not be affected
be deleted
flow around it
move a way from it
clear
Answer
Correct Answer:
flow around it
Note: This Question is unanswered, help us to find answer for this one
Check Answer
481. Fonts such as Times New Roman which have spaces in between must be wrapped inside ______
Round Brackets
Quotation Mark
Curly Braces
Triangular Brackets
Answer
Correct Answer:
Quotation Mark
Note: This Question is unanswered, help us to find answer for this one
Check Answer
482. What is the CSS shorthand to set a borders top to 10, bottom to 5, left to 20 and right to 1 pixel?
border: 5px 20px 10px 1px;
border: 10px 5px 20px 1px;
border: 10px 1px 5px 20px;
border: 10px 20px 5px 1px;
Answer
Correct Answer:
border: 10px 1px 5px 20px;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
483. What does the following selector do: element[foo]
Matches only elements without the foo attribute set.
Matches only one element with the foo attribute set.
Matches any element without a foo attribute.
Matches any element with the foo attribute set.
Answer
Correct Answer:
Matches any element with the foo attribute set.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
484. State whether True or False. i) Any inline style sheet takes highest priority. ii) Any rule defined in <style> ...........................</style> tag will override rules defined in any external style sheet file.
i-True, ii-False
i-True, ii-True
i-False, ii-False
i-False, ii-True
Answer
Correct Answer:
i-True, ii-True
Note: This Question is unanswered, help us to find answer for this one
Check Answer
485. What is the effect of the following css rule? [title]{color:blue;}
All elements with a title attribute will be blue
The titlebar of the browser will be blue
Nothing
All elements other than a title attribute will be blue
Answer
Correct Answer:
All elements with a title attribute will be blue
Note: This Question is unanswered, help us to find answer for this one
Check Answer
486. Which of the following is used to select one paticular tag, rather than a group of tags?
Pseudo-class selector
Contextual selector
Id selector
Class Selector
Answer
Correct Answer:
Id selector
Note: This Question is unanswered, help us to find answer for this one
Check Answer
487. Is a # required before colors in CSS?
Yes, always
No, only when specifying colors as hexadecimal values.
No, it is optional
No, unless you are using more than ten colors
Answer
Correct Answer:
No, only when specifying colors as hexadecimal values.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
488. Which of the following specifies the type of list-item marker?
list-marker
list-style-marker
list-style-all
list-style-type
Answer
Correct Answer:
list-style-type
Note: This Question is unanswered, help us to find answer for this one
Check Answer
489. What is true about image sprites?
Using image sprites will reduce the number of server requests.
It is a collection of images put into a single image.
Both of these
Answer
Correct Answer:
Both of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
490. What is text-align set to each line when text is stretched so that every line has equal width, and the left and right margins are straight?
Both justify and center
center
justify
Note: This Question is unanswered, help us to find answer for this one
Check Answer
491. ____________ properties provide several options to place the content on the web page.
Margin
Positioning
Location
Answer
Correct Answer:
Positioning
Note: This Question is unanswered, help us to find answer for this one
Check Answer
492. Which of the following is the correct syntax for a pseudo-class?
selector.pseudo-class { ... }
pseudo-class { ... }
selector:pseudo-class { ... }
selector->pseudo-class { ... }
Answer
Correct Answer:
selector:pseudo-class { ... }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
493. On which position value does the z-index property work?
position: relative;
position: absolute;
position: fixed;
all of the answers
Answer
Correct Answer:
all of the answers
Note: This Question is unanswered, help us to find answer for this one
Check Answer
494. An ____ style loses many of the advantages of style sheets by mixing content with presentation.
Internal
Inline
External
Note: This Question is unanswered, help us to find answer for this one
Check Answer
495. p.outset {border-style: outset; } In the code snippet above, which part represents the property?
outset
p
border-style
Answer
Correct Answer:
border-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
496. Which two properties are the defaults when positioning a layer?
bottom, left
top, right
bottom, right
top, left
Answer
Correct Answer:
top, left
Note: This Question is unanswered, help us to find answer for this one
Check Answer
497. What are the three methods for implementing a stylesheet?
Linked, Appended, and Embedded
Internal, Embedded, and External
Inline, Embedded, and External
Direct call, Indirect call, and Embedded
Answer
Correct Answer:
Inline, Embedded, and External
Note: This Question is unanswered, help us to find answer for this one
Check Answer
498. In CSS3, which property is used to make sure a given element has a width of at least a set value?
min-width
offset-width
margin-width
max-width
minimum-width
Answer
Correct Answer:
min-width
Note: This Question is unanswered, help us to find answer for this one
Check Answer
499. You have three blocks of markup that share property values. Which of the following ways is the most efficient?
.one .two .three { property: value; }
.one, .two, .three { property: value; }
.one / .two / .three { property: value; }
.one { property: value; } .two { property: value; } .three { property: value; }
Answer
Correct Answer:
.one, .two, .three { property: value; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
500. What is an image sprite?
It is a way to open one image at a time within the html.
It specifies a link to an image.
It is a style of an image in different page of the website.
It specifies the image style.
It is a collection of images put into a single image.
Answer
Correct Answer:
It is a collection of images put into a single image.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
501. In this CSS code, what element is the property? table {color: red;}
None of these
color
blue
table
Note: This Question is unanswered, help us to find answer for this one
Check Answer
502. How do you target the submit button for the <form id="example">?
.example input[type:submit]
#example input.submit
#example input[type:submit]
#example input[type="submit"]
.example input[type="submit"]
Answer
Correct Answer:
#example input[type="submit"]
Note: This Question is unanswered, help us to find answer for this one
Check Answer
503. What CSS selector selects all elements with a target attribute?
[target]
`target
{target}
/target/
Note: This Question is unanswered, help us to find answer for this one
Check Answer
504. With what characters are CSS declarations separated?
colon ( : )
space ( )
semicolon ( ; )
hash ( # )
period ( . )
Answer
Correct Answer:
semicolon ( ; )
Note: This Question is unanswered, help us to find answer for this one
Check Answer
505. What css selector selects all <div> elements and all <p> elements?
div:;p
div:p
div;;p
div,p
Note: This Question is unanswered, help us to find answer for this one
Check Answer
506. What is the transform: translate() method used for?
to translate the text into English
To use non-euclidean geometry
to move elements from their current position by an offset depending on the X and Y parameters
the text is translated to the language given as parameter in the method
Answer
Correct Answer:
to move elements from their current position by an offset depending on the X and Y parameters
Note: This Question is unanswered, help us to find answer for this one
Check Answer
507. What is NOT a correct value of background-position property?
middle
right bottom
left top
10px 10px
15% 20%
Note: This Question is unanswered, help us to find answer for this one
Check Answer
508. Which declaration can be used to have a block element always displays scrollbars?
{scroll:on}
{overflow:always}
{overflow:scroll}
{overflow:on}
{overflow:auto}
Answer
Correct Answer:
{overflow:scroll}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
509. Which of the following is the correct syntax in CSS?
rules {Property: Value : Type;}
Selector-declarations {Value: Property;}
style {Property: Value;}
Selector {Value: Property;}
Selector {Property: Value;}
Answer
Correct Answer:
Selector {Property: Value;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
510. What does minifying CSS do?
compiles it completely
combines it with HTML code to integrate it and make it faster
gzips the file
compresses the code by removing whitespace, which is not needed
Answer
Correct Answer:
compresses the code by removing whitespace, which is not needed
Note: This Question is unanswered, help us to find answer for this one
Check Answer
511. What HTML tag can you use to import a style sheet into a document?
You can use '@import' sentence.
Use the HTML <link /> tag, like this: <link rel='style' type='text/css' href='styles.css' /> .
Use the HTML <link /> tag, like this: <link rel='stylesheet' type='text/css' href='styles.css' /> .
Answer
Correct Answer:
Use the HTML <link /> tag, like this: <link rel='stylesheet' type='text/css' href='styles.css' /> .
Note: This Question is unanswered, help us to find answer for this one
Check Answer
512. Which declaration removes bullets from a navigation list?
list-style-type:none
list-bullets:none
list-style-type:no bullets
list-style-none
Answer
Correct Answer:
list-style-type:none
Note: This Question is unanswered, help us to find answer for this one
Check Answer
513. When adjusting a CSS sprite, which property do you use?
color
background-position
text-indent
font-style
Answer
Correct Answer:
background-position
Note: This Question is unanswered, help us to find answer for this one
Check Answer
514. Which style will cause all links to "http://www.smarterer.com" to be blue?
a[link="http://www.smarterer.com"] { color: blue; }
a[link="http://www.smarterer.com"] { color: #0000ff; }
a[href="smarterer.com"] { color: #ff0000; }
a[href="http://www.smarterer.com"] { color: blue; }
Answer
Correct Answer:
a[href="http://www.smarterer.com"] { color: blue; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
515. A definition list has two types of items: the term and the description. Which of the following is NOT a valid definition-related tag set?
<do></do>
<dt></dt>
<dd></dd>
<dl></dl>
Answer
Correct Answer:
<do></do>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
516. What css selector selects every element that is not a <p> element?
:notp
:no-p
:not(p)
:all-but-p
Note: This Question is unanswered, help us to find answer for this one
Check Answer
517. The following syntax to set margin around a paragraph will make- p{margin:10px 2%}
Left and right margin will be 10px and top and bottom margin will be 2% of the total height
Top and bottom margin will be 10px and left and right margin will be 2% of the total width.
Left margin will be 10px and other margins will be 2% of the total width
Top margin will be 10px and other margins will be 2% of the total width
Answer
Correct Answer:
Top and bottom margin will be 10px and left and right margin will be 2% of the total width.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
518. Which pseudo class is used in conjunction with an ID when the pound symbol in the current URL matches that ID. For example, if you are at URL www.yoursite.com/#home
#home:hash
#home:target
#home:enabled
#home:indeterminate
Answer
Correct Answer:
#home:target
Note: This Question is unanswered, help us to find answer for this one
Check Answer
519. Which declaration will make each word in an element start with a uppercase letter?
text-transform: capitalize;
text-transform: capitalize first;
type-transform: capitalize;
type-style: capitalize;
Answer
Correct Answer:
text-transform: capitalize;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
520. Which measurement can't be used to size text in CSS?
em
px
huge
%
pt
Note: This Question is unanswered, help us to find answer for this one
Check Answer
521. Which type of border attribute can be used to have a unique look for each side of the border?
border-(direction)
border-(upwarddirection)
border-(location)
border-(downwarddirection)
Answer
Correct Answer:
border-(direction)
Note: This Question is unanswered, help us to find answer for this one
Check Answer
522. Which property specifies spacing behavior between text characters?
text-letter-spacing
text-transform
font-spacing
letter-spacing
Answer
Correct Answer:
letter-spacing
Note: This Question is unanswered, help us to find answer for this one
Check Answer
523. If the name of a font family is more than one word, it must be in quotation marks.
True
False
Note: This Question is unanswered, help us to find answer for this one
Check Answer
524. Which of the following properties can be used to add space outside an element's box?
padding
None of these
spacer
margin
Note: This Question is unanswered, help us to find answer for this one
Check Answer
525. If an image is floated to the right, the following text flows around it...
to the right
to the center
to the left
to the top
to the bottom
Answer
Correct Answer:
to the left
Note: This Question is unanswered, help us to find answer for this one
Check Answer
526. What is the correct order if you want a div with left margin of 10, right margin of 2, top margin of 5, and bottom margin of 0?
div {margin: 10px 5px 2px 0;}
div {margin: 5px 0 10px 2px;}
div {margin: 5px 2px 0 10px;}
div {margin: 10px 2px 5px 0;}
Answer
Correct Answer:
div {margin: 5px 2px 0 10px;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
527. What is the CSS syntax for changing the default cursor to a pointing finger?
cursor: pointer;
cursor: hand;
cursor: cursor;
cursor: finger;
cursor: hover;
Answer
Correct Answer:
cursor: pointer;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
528. Which of the following will remove the default underline under the link with an id of "content"?
#content a {underline:none;}
a {underline:none;}
a {content text-decoration:underline;}
a#content {text-decoration:none;}
Answer
Correct Answer:
a#content {text-decoration:none;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
529. Which of the following produces a black border that is 1-pixel thick and dashed?
dashed-border: black 1px
border: 1px dashed #000
border-dashed: 1px #000000
border-color: black; border-style: 1px dashed
border: 1px dotted black
Answer
Correct Answer:
border: 1px dashed #000
Note: This Question is unanswered, help us to find answer for this one
Check Answer
530. The possible values of white-space are
<p style="white-space->normal"> Use of normal white-space. </p>
<p style="white-space:normal"> Use of normal white-space. </p>
<p style=white-space:"normal"> Use of normal white-space. </p>
<p style="whitespace:normal"> Use of normal white-space. </p>
Answer
Correct Answer:
<p style="white-space:normal"> Use of normal white-space. </p>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
531. Where is the margin property located in the CSS box model?
Outside the box
Inside the box
It could be inside or outside the box, depending on where you place it in your code
Answer
Correct Answer:
Outside the box
Note: This Question is unanswered, help us to find answer for this one
Check Answer
532. In this CSS code, what element is the selector? table {color: red;}
red
color
None of these
table
Note: This Question is unanswered, help us to find answer for this one
Check Answer
533. Given .class { padding: 20px 10px; }, in what order do padding values apply?
top & left, right & bottom
left, right
top & bottom, left & right
top, bottom
Answer
Correct Answer:
top & bottom, left & right
Note: This Question is unanswered, help us to find answer for this one
Check Answer
534. Which properties specifying whether to write the text from left to right or from right to left?
direction
white-space
letter-spacing
none
Answer
Correct Answer:
direction
Note: This Question is unanswered, help us to find answer for this one
Check Answer
535. What is the syntax for a customized cursor?
Selector {value:cursor}
Selector{value:property}
Selector-cursor{style:value}
Selector-style {property:value}
Selector {cursor:value}
Answer
Correct Answer:
Selector {cursor:value}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
536. Which property is used to set whether table borders are collapsed into a single border or detached as in standard HTML?
border-separation
border
border-spacing
border-collapse
Answer
Correct Answer:
border-collapse
Note: This Question is unanswered, help us to find answer for this one
Check Answer
537. When using "position: absolute;" the reference point is the browser window UNLESS one of the parent elements contain one of the following...
position: inherit;
position: relative;
position: static;
position: parent;
position: referential;
Answer
Correct Answer:
position: relative;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
538. When using the background-color property with rgba(255, 0, 255, 0.5) what does the "a" refer to?
Opacity (Alpha channel)
This is incorrect syntax and will do nothing
Grey
Black
Answer
Correct Answer:
Opacity (Alpha channel)
Note: This Question is unanswered, help us to find answer for this one
Check Answer
539. What are the two components of every CSS style definition?
copy, properties
selection, properties
selector, properties
section, id
Answer
Correct Answer:
selector, properties
Note: This Question is unanswered, help us to find answer for this one
Check Answer
540. The ___________ property allows you to control the shape or style of bullet point in the case of unordered lists, and the style of numbering characters in ordered list.
list-type-style
list-style-type
list-type
list-style-layout
Answer
Correct Answer:
list-style-type
Note: This Question is unanswered, help us to find answer for this one
Check Answer
541. Which of the following selects all unvisited links?
link
"link"
:link
+link
Note: This Question is unanswered, help us to find answer for this one
Check Answer
542. To specify the style for a list, use the _________ property.
Both ol-style and ul-style depending on the list type.
ol-style
list-style
listStyle
ul-style
Answer
Correct Answer:
list-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
543. Which of the following is NOT a valid image opacity rule?
opacity: 0;
opacity: 2.0;
opacity: 1;
opacity: 0.5;
Answer
Correct Answer:
opacity: 2.0;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
544. Which style does the following rule apply to? div.wrapper h2 { font-size: 18px; margin-top: 0px; }
h2 heading inside element div of any class
h2 heading inside element div of class wrapper
None of these
h2 heading inside element div of id wrapper
Answer
Correct Answer:
h2 heading inside element div of class wrapper
Note: This Question is unanswered, help us to find answer for this one
Check Answer
545. How do you apply multiple classes to an element?
<div class="[class1][class2]" ></div>
<div class="class1 class2" ></div>
<div class="class1" class="class2" ></div>
<div class="class1,class2" ></div>
This isn't possible in CSS.
Answer
Correct Answer:
<div class="class1 class2" ></div>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
546. What does the property text-align:center; do?
Aligns text in vertical center of the page
Aligns text to the center of the nearest image as a caption
Aligns text in the center and places it at the top of the page
Aligns text in horizontal center of the containing element
Answer
Correct Answer:
Aligns text in horizontal center of the containing element
Note: This Question is unanswered, help us to find answer for this one
Check Answer
547. If table {color: red;} is specified in a stylesheet, what happens to the table?
Table background is red
Border around the table is red
Text within it is red
Padding appears red
Answer
Correct Answer:
Text within it is red
Note: This Question is unanswered, help us to find answer for this one
Check Answer
548. Which of the following is true about border styles?
Borders must be the same color on all 4 sides
Borders must be on all 4 sides
Borders must be equal weights on all 4 sides
None of these
Answer
Correct Answer:
None of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
549. What does a 'position: fixed;' declaration accomplish?
Fixes the element on its parent element
Fixes the element on its child element
Fixes the element relative to the browser's viewport
Answer
Correct Answer:
Fixes the element relative to the browser's viewport
Note: This Question is unanswered, help us to find answer for this one
Check Answer
550. What are the differences between "display:none" and "visibility:hidden" code?
Both are same
"visibility:hidden" hides the element and remove it's placeholder, "display:none" hides the element but keeps it's place blank.
"display:none" hides the element and remove it's placeholder, "visibility:hidden" hides the element but keeps it's place blank.
Answer
Correct Answer:
"display:none" hides the element and remove it's placeholder, "visibility:hidden" hides the element but keeps it's place blank.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
551. Which of the following sets all the border properties in one declaration?
border-all
border
border-main
border-css
border-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
552. What css selector selects the input element which has focus?
input:focus
a:focus
a:input
input+focus
Answer
Correct Answer:
input:focus
Note: This Question is unanswered, help us to find answer for this one
Check Answer
553. Which syntax does older versions of Internet Explorer use for transparency?
opacity:x
opacity=x
filter:alpha(opacity=x).
Answer
Correct Answer:
filter:alpha(opacity=x).
Note: This Question is unanswered, help us to find answer for this one
Check Answer
554. How can you override css cascade priority and force a particular css rule to apply?
All of these
p { color:red important; }
p { color:red !important; }
p { color:red force; }
Answer
Correct Answer:
p { color:red !important; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
555. To create a border of 3-pixel width, which css declaration would you use?
border width: 3;
border-width: 3px;
border-style: 3px;
border-size: 3px;
Answer
Correct Answer:
border-width: 3px;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
556. The id selector is used to specify a style for
multiple,common element
single, common element
multiple,unique element
single, unique element
Answer
Correct Answer:
single, unique element
Note: This Question is unanswered, help us to find answer for this one
Check Answer
557. Which property controls the additional space between the selected element(s) border and its content?
padding
spacer
none of these
margin
Note: This Question is unanswered, help us to find answer for this one
Check Answer
558. By which of the following is a declaration terminated?
::
!
//
;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
559. Block elements can be aligned to center by setting the left and right...
margins to 50%
margins to auto
margins to center
margins to none
Answer
Correct Answer:
margins to auto
Note: This Question is unanswered, help us to find answer for this one
Check Answer
560. How do you set a paragraph to have a border of 5px in red color?
paragraph { border:5px solid red; }
p { border-style:5px solid red; }
paragraph { border-width:5 solid red; }
p { border:5px solid red; }
p { border:5px; solid; red; }
Answer
Correct Answer:
p { border:5px solid red; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
561. Which side of the element with ID 'element' will have a 10px margin? #element { margin: 0px 5px 10px 20px;}
right
bottom
left
top
Note: This Question is unanswered, help us to find answer for this one
Check Answer
562. Pseudo classes may be applied to any element but are most commonly used with the __ element.
'd'
'c'
'b'
'a'
Note: This Question is unanswered, help us to find answer for this one
Check Answer
563. Which of the following has the highest priority?
Browser default
Inline style (inside an HTML element)
External style sheet
Internal style sheet (in the head section)
Answer
Correct Answer:
Inline style (inside an HTML element)
Note: This Question is unanswered, help us to find answer for this one
Check Answer
564. Which line changes the background color of a link when a visitor hovers it?
a:hover { color: #FF704D; }
a:active { background-color: #FF704D; }
a:link { background-color: #FF704D; }
a:hover { background-color: #FF704D; }
Answer
Correct Answer:
a:hover { background-color: #FF704D; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
565. When using z-index which other property is required?
float
overflow
background
list-style
position
Note: This Question is unanswered, help us to find answer for this one
Check Answer
566. Multiple font faces are separated by __________
Comma
Slash
Dot
Semicolon
Note: This Question is unanswered, help us to find answer for this one
Check Answer
567. Which of the following declarations would display a list without bullets?
list-style-type: no
list-type: none
list-style-type: nobullets
list-style-type: none
Answer
Correct Answer:
list-style-type: none
Note: This Question is unanswered, help us to find answer for this one
Check Answer
568. Identify the selector in the following rule: h1 { color: blue; }
color
color: blue
blue
{ }
h1
Note: This Question is unanswered, help us to find answer for this one
Check Answer
569. What does the child selector (">") do?
Matches all descendants (recursively)
Matches any element
Matches elements that are a direct child of the parent match
None of these
Answer
Correct Answer:
Matches elements that are a direct child of the parent match
Note: This Question is unanswered, help us to find answer for this one
Check Answer
570. An outline is always placed __________ of the box
Outline
backline
Inline
Note: This Question is unanswered, help us to find answer for this one
Check Answer
571. Normally, elements after a 'floated' element will flow around it. Which property can be used to avoid this?
the no-float property
the negative-float property
the clear property
Answer
Correct Answer:
the clear property
Note: This Question is unanswered, help us to find answer for this one
Check Answer
572. What is the child selector in css?
~
#
>
.
+
Note: This Question is unanswered, help us to find answer for this one
Check Answer
573. The correct example of class selector is .
h2.type1 {color: #000000;}
h2 #type1 {color: #000000;}
h2 type1 {color: #000000;}
#h2 type1 {color: #000000;}
Answer
Correct Answer:
h2.type1 {color: #000000;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
574. Which is the correct syntax for referring to a pseudo-class?
:hover
#hover
hover
.hover
Note: This Question is unanswered, help us to find answer for this one
Check Answer
575. How do you make a list that lists its items with squares?
type: square
list-style-type: square
list-type: square
Answer
Correct Answer:
list-style-type: square
Note: This Question is unanswered, help us to find answer for this one
Check Answer
576. Which part of the box, where text and images appear?
Padding
Margin
Content
Border
Note: This Question is unanswered, help us to find answer for this one
Check Answer
577. What property can be used to turn everything into uppercase or lowercase letters, or capitalize the first letter of each word?
capitalize
text-transform
transformation
all-text
Answer
Correct Answer:
text-transform
Note: This Question is unanswered, help us to find answer for this one
Check Answer
578. True or False : CSS class name starting with a number is supported by all browsers.
False
True
Note: This Question is unanswered, help us to find answer for this one
Check Answer
579. Which concept uses the CSS from which implies that every HTML element is a box?
table model
frame model
box model
Answer
Correct Answer:
box model
Note: This Question is unanswered, help us to find answer for this one
Check Answer
580. What is the correct pseudo-class for modifying only the first element of a selector?
:1st
:first-element
:first-child
:first-of-type
Answer
Correct Answer:
:first-child
Note: This Question is unanswered, help us to find answer for this one
Check Answer
581. Which of the following css declarations would style hyperlinks using sans-serif fonts?
body: font-family: "lucida sans unicode", sans-serif
a:link {font-family: "times new roman", serif;}
paragraph {font-family: "lucida sans unicode", sans-serif;}
a:link {font-family: "lucida sans unicode", sans-serif;}
Answer
Correct Answer:
a:link {font-family: "lucida sans unicode", sans-serif;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
582. Which of the following characters is used to begin a css declaration block?
None of these
(
#
{
.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
583. In CSS, the term "box model" is used when talking about?
html
shipping and receiving
design and layout
forms and fields
Answer
Correct Answer:
design and layout
Note: This Question is unanswered, help us to find answer for this one
Check Answer
584. What attribute is NOT required when using the <link> tag?
head
rel
href
type
Note: This Question is unanswered, help us to find answer for this one
Check Answer
585. Which property is used to horizontally align the text in the table?
text-align
horizontal-align
vertical-align
Answer
Correct Answer:
text-align
Note: This Question is unanswered, help us to find answer for this one
Check Answer
586. What are the three methods for using style sheets with a web page?
Save as .css extension, Save as .css3 extension, Save as .style extension
Handcoded, Generated or WYSIWYG
Dreamweaver, GoLive or FrontPage
Inline, embedded or document level and external
Answer
Correct Answer:
Inline, embedded or document level and external
Note: This Question is unanswered, help us to find answer for this one
Check Answer
587. What css selector selects all <p> elements that are contained inside of an element with an ID of 'content'?
#content < p
#content [p]
#content p
#content 'p'
#content <p>
Answer
Correct Answer:
#content p
Note: This Question is unanswered, help us to find answer for this one
Check Answer
588. Setting the left and right margins to auto specifies that they should split the available margin equally, resulting in...
an element to the right side
an element to the right of center
an element to the left side
a centered element
an element to the left of center
Answer
Correct Answer:
a centered element
Note: This Question is unanswered, help us to find answer for this one
Check Answer
589. What do the Greater Than sign > indicate in CSS
Selects the next element
Selects the last element
Select the child of the element it follows
Selects the previous element
Answer
Correct Answer:
Select the child of the element it follows
Note: This Question is unanswered, help us to find answer for this one
Check Answer
590. What property is used to specify the indentation of the first line of a text?
text-indent
text-format-indentation
text-decorate
text-transform
Answer
Correct Answer:
text-indent
Note: This Question is unanswered, help us to find answer for this one
Check Answer
591. On which side will there be a 20px padding given the following declaration: padding: 30px 15px 20px 10px;
right
bottom
left
top
Note: This Question is unanswered, help us to find answer for this one
Check Answer
592. What css selctor Selects every <p> element that is the last child of its parent?
p:last-children
p:last-child
p:last-parent-child
p:last-child-parent
Answer
Correct Answer:
p:last-child
Note: This Question is unanswered, help us to find answer for this one
Check Answer
593. CSS comments are inserted inside .
/*..................*/
//...................//
All of them
<!..................>
Answer
Correct Answer:
/*..................*/
Note: This Question is unanswered, help us to find answer for this one
Check Answer
594. Which HTML tag is used to define an embedded style sheet?
<embed>
<style>
<script>
<css>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
595. What does the pseudo class last-child do?
targets the last element on the style sheet
selects the last element in a targeted parent element.
selects the last element on the page
Answer
Correct Answer:
selects the last element in a targeted parent element.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
596. Which of the following defines the boundary within the element box against which background-image positioning is calculated?
mailorigin
background-origin
image-origin
bg-origin
Answer
Correct Answer:
background-origin
Note: This Question is unanswered, help us to find answer for this one
Check Answer
597. How do you hide an element and remove it from the document flow?
Add "display: none" to your style sheet rule.
Add "visibility: hidden" to your style sheet rule.
Add "image: hide" to your style sheet rule.
Add "visibility: invisible" to your style sheet rule.
Add "display: hide" to your style sheet rule.
Answer
Correct Answer:
Add "display: none" to your style sheet rule.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
598. p { width:220px; padding:10px; border:5px solid gray; margin:0px; } The total width of an element is calculated like this:
Total element width = width + right padding + right border + right margin
Total element width = width + left padding + left border + left margin
Total element width = width + left padding + right padding + left border + right border + left margin + right margin
Answer
Correct Answer:
Total element width = width + left padding + right padding + left border + right border + left margin + right margin
Note: This Question is unanswered, help us to find answer for this one
Check Answer
599. Which are the two main parts of a CSS rule?
Only Selector
Selector and Example
Design and Definition
Selector and Declaration
Answer
Correct Answer:
Selector and Declaration
Note: This Question is unanswered, help us to find answer for this one
Check Answer
600. How will this display: margin: 10px 5px;
Top: 10px, right: 10px, bottom: 5px, left: 5px
Top: 10px, left: 10px, bottom: 5px, right:5px
Bottom: 10px, right: 10px: top: 5px, left: 5px
Top: 5px, right: 10px, bottom: 5px, left: 10px
Top: 10px, right: 5px, bottom:10px, left:5px
Answer
Correct Answer:
Top: 10px, right: 5px, bottom:10px, left:5px
Note: This Question is unanswered, help us to find answer for this one
Check Answer
601. What is the correct shorthand syntax for a border?
border: 1px rounded #777;
border: 1px solid #777;
border: 1px solid #77;
border: 1px 1px solid #777;
Answer
Correct Answer:
border: 1px solid #777;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
602. How do you specify 30% opacity in CSS (ignoring IE)?
opacity: 0.7
opacity: 0.3
opacity: 70%
opacity: 30%
Answer
Correct Answer:
opacity: 0.3
Note: This Question is unanswered, help us to find answer for this one
Check Answer
603. Which is the correct syntax of the CSS?
<p "style=font-size:14pt"> Welcome to teds-india.</p>
<p style=font-size:"14pt"> Welcome to teds-india.</p>
<p style="fontsize:14pt"> Welcome to teds-india.</p>
<p style="font-size:14pt"> Welcome to teds-india.</p>
Answer
Correct Answer:
<p style="font-size:14pt"> Welcome to teds-india.</p>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
604. Which attribute creates space between content and its container?
stuffing
clear
float
margin
padding
Note: This Question is unanswered, help us to find answer for this one
Check Answer
605. To create a layer all you need to do is assign the _______ attribute to your style
position
direction
location
Note: This Question is unanswered, help us to find answer for this one
Check Answer
606. Which of the following elements takes up the full width available, and has a line break before and after it?
Box Element
Block element
Square Element
Side Element
Answer
Correct Answer:
Block element
Note: This Question is unanswered, help us to find answer for this one
Check Answer
607. An attribute selector allows you to select an element with a specific attribute. To select a <input type="submit"> you would use:
input::submit { }
input[type=submit] { }
input:type.submit { }
input-submit { }
Answer
Correct Answer:
input[type=submit] { }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
608. What selector is used to select all elements?
div
head
*
p
body
Note: This Question is unanswered, help us to find answer for this one
Check Answer
609. How do you remove browser default margin and padding settings?
Set margin and padding to 0
Set margin and padding to css
Set margin and padding to auto
Set margin and padding to custom
Answer
Correct Answer:
Set margin and padding to 0
Note: This Question is unanswered, help us to find answer for this one
Check Answer
610. Which of the following is the correct syntax for using z-index?
img {z-index:-1;}
img: {z index:-1;}
img z-index:-1}
img {z index -1;}
Answer
Correct Answer:
img {z-index:-1;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
611. How much space does an element take up within the document (on modern browsers) if it has "display: none" styling applied?
It will take up the maximum possible space.
It will take up the minimum possible space.
It will not take up any space.
Answer
Correct Answer:
It will not take up any space.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
612. If a block element might not have enough space to display all of its content, which property might you use to enable scrollbars if they're needed?
show: force
overflow: auto
h-scrollbar: scroll
scrollbar: on
v-scrollbar: auto
Answer
Correct Answer:
overflow: auto
Note: This Question is unanswered, help us to find answer for this one
Check Answer
613. #container {margin: 20px 30px 10px 50px} The margin-right value will be...
50px
30px
20px
10px
Note: This Question is unanswered, help us to find answer for this one
Check Answer
614. Which of the following is the correct syntax for importing one style sheet into another?
import href="other.css";
style import="other.css";
link import="other.css";
@import url("other.css");
Answer
Correct Answer:
@import url("other.css");
Note: This Question is unanswered, help us to find answer for this one
Check Answer
615. How can you create responsive websites through css?
None of these.
Referencing multiple external stylesheets with different type attributes for device MIME types.
Use an @media query.
Answer
Correct Answer:
Use an @media query.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
616. What is the correct CSS syntax for making all the <p> elements bold?
p { font: bold; }
p { font-weight: 400; }
p { font-weight: strong; }
p { font-weight: bold; }
<p style="text-size: strong">
Answer
Correct Answer:
p { font-weight: bold; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
617. Which of these has the highest priority?
inline style
browser default value
external style sheet
Answer
Correct Answer:
inline style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
618. How would you hide an element using the display property?
display: hidden;
display: none;
display: 0;
display: invisible;
display: block;
Answer
Correct Answer:
display: none;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
619. Which statement is correct?
All
box-shadow: rgba(0,0,0,0.2) 10px 10px;
box-shadow: white 10px 10px;
box-shadow: #fff 10px 10px;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
620. The CSS3 property for transparency is...
transparency
transparency %
opacity
see-through %
Note: This Question is unanswered, help us to find answer for this one
Check Answer
621. What is a CSS rule?
Statements that tell the server what to do.
Statements that tell the web browser how to render certain element or elements on the page.
Statements that tell the users computer where to go and what to do.
Main markup language for creating web pages and other information.
HyperText Markup Language
Answer
Correct Answer:
Statements that tell the web browser how to render certain element or elements on the page.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
622. Which of the following will set h1 to 16 pixels, bold, and underline?
#h1 {font-size: 16px} {font-weight: bold} {text-decoration: underline}
h1 {font-size: 16px; font-weight: bold; text: underline;}
h1 {font-size: 16px; font-weight: bold; text-decoration: underline;}
h1 {font-size: 18px; font-weight: bold; text-decoration: underline;}
Answer
Correct Answer:
h1 {font-size: 16px; font-weight: bold; text-decoration: underline;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
623. Which of the following will apply a hex color of #445566 to each active link?
a:active {color:#445566;}
a {color:#445566;}
a:active {text-color:#445566;}
a {active-color: #445566;}
Answer
Correct Answer:
a:active {color:#445566;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
624. With what characters are multiple fonts separated with?
brackets
dashes
periods
commas
Note: This Question is unanswered, help us to find answer for this one
Check Answer
625. True or False: The universal selector, written "*", matches the name of any element type. It matches any single element in the document tree.
False
True
Note: This Question is unanswered, help us to find answer for this one
Check Answer
626. Which Represents a line that acts as a boundary?
Border
Margin
Padding
Note: This Question is unanswered, help us to find answer for this one
Check Answer
627. Which property increments or decrements the space between characters?
letter-spacing
white-space
direction
Answer
Correct Answer:
letter-spacing
Note: This Question is unanswered, help us to find answer for this one
Check Answer
628. What css selector selects the document’s root element
:main-root
:root-level
:root
:root-file
Note: This Question is unanswered, help us to find answer for this one
Check Answer
629. How do you set the text color in a css rule?
color:
font-color:
text-color:
Note: This Question is unanswered, help us to find answer for this one
Check Answer
630. Which of these examples of using the clear property are correct?
.text_line.clear;
.text_line { clear:all; }
.text_line { clear:both; }
Answer
Correct Answer:
.text_line { clear:both; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
631. With what character does a declaration block start and end with?
starts with " and ends with "
starts with { and ends with }
starts with ( and ends with )
starts with # and ends with .
Answer
Correct Answer:
starts with { and ends with }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
632. What can CSS selectors look for?
certain classes and ids
certain objects inside of other certain objects
certain HTML tags
hovered or clicked objects
all of these
Answer
Correct Answer:
all of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
633. The completion of a CSS Transition generates a corresponding
MOD Event
DOM Event
OMD Event
Answer
Correct Answer:
DOM Event
Note: This Question is unanswered, help us to find answer for this one
Check Answer
634. Which of the following applies a 2D or 3D transformation to an element?
2d-transform
transform
3d-transform
d-transform
Answer
Correct Answer:
transform
Note: This Question is unanswered, help us to find answer for this one
Check Answer
635. What does the property font-family do?
Tells you about the relatives of fonts
Specifies which font to use
Specifies the font size
Specifies the font colors
Answer
Correct Answer:
Specifies which font to use
Note: This Question is unanswered, help us to find answer for this one
Check Answer
636. Which of the following will create a box with a 2 pixel border on the top, 1 pixel border on the bottom, and no other borders?
#box {border: 2px, 0px, 1px, 0px;}
#box {border: 0px, 0px, 1px, 2px;}
#box {border: 2px, 1px, 0px, 0px;}
#box {border: 0px, 2px, 1px, 0px;}
Answer
Correct Answer:
#box {border: 2px, 0px, 1px, 0px;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
637. Hex values are written as 3 double digit numbers, starting with a
% sign
@ sign
# sign
$ sign
Note: This Question is unanswered, help us to find answer for this one
Check Answer
638. Which statement is true about the following markup? <img src="klematis.jpg" width="150" height="113" alt="klematis" style="opacity:0.4;filter:alpha(opacity=40)" />
This image will be partially clipped.
This image will be completely hidden.
This image will fade in slowly over time.
This image will be partially transparent.
Answer
Correct Answer:
This image will be partially transparent.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
639. Which property can be used to decorate links by specifying no underline with the text?
text-decoration: none;
text-decoration: line-through;
text-decoration: overline;
text-decoration: underline;
Answer
Correct Answer:
text-decoration: none;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
640. The ________________ specifies whether a border should be solid, dashed line, doted line, double line, groove etc.
border-layout
border-style
border-weight
border-decoration
Answer
Correct Answer:
border-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
641. How can you assign a higher specificity to a property value?
body { /* background: blue; */ }
body:important { background: blue; }
body { background: blue !important; }
no-override: body { background: blue; }
Answer
Correct Answer:
body { background: blue !important; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
642. The text-decoration are:
All are correct
text-decoration:underline
text-decoration:overline
text-decoration:line-through
Answer
Correct Answer:
All are correct
Note: This Question is unanswered, help us to find answer for this one
Check Answer
643. Which of the syntax is correct?
<div style="position:relative; font-size:50px; yz-index:2;">LAYER 1</div>
<div style="position:rel; font-size:50px; z-index:2;">LAYER 1</div>
<div style="position:relative; font-size:50px; z-ind:2;">LAYER 1</div>
<div style="position:relative; font-size:50px; z-index:2;">LAYER 1</div>
Answer
Correct Answer:
<div style="position:relative; font-size:50px; z-index:2;">LAYER 1</div>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
644. True or False? With CSS, it's possible to customize the numbers that appear next to list items within <ol> elements.
False
True
Note: This Question is unanswered, help us to find answer for this one
Check Answer
645. Which of the following statements is true given the following css and markup? a.red:visited {color:#FF0000;} <a class="red" href="css_syntax.asp">CSS Syntax</a>
If the link in the example has been visited, it will be displayed in red
The link in the example will always be red
The link in the example will turn red on mouseover
If the link in the example has been visited, it will not be displayed
Answer
Correct Answer:
If the link in the example has been visited, it will be displayed in red
Note: This Question is unanswered, help us to find answer for this one
Check Answer
646. What is one way to center a fixed-width element (relative to its container)?
float: middle;
margin: 0 auto;
horizontal-align: middle;
left-to-right: center;
Answer
Correct Answer:
margin: 0 auto;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
647. In margin: 10px 20px 40px 30px; what will be the bottom margin?
0
40px
20px
10px
30px
Note: This Question is unanswered, help us to find answer for this one
Check Answer
648. Which property can be used to specify all the list properties into a single expression?
None
liststyle
list-style
ls-style
Answer
Correct Answer:
list-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
649. How would you define class 'myclass' that sets the width of an element to 640px and the height to 480px ?
class.myclass {width: 640px; height: 480px;}
.myclass {width: 480px; height: 640px;}
myclass {width: 640px; height: 480px;}
myclass.class {width: 640px; height: 480px;}
.myclass {width: 640px; height: 480px;}
Answer
Correct Answer:
.myclass {width: 640px; height: 480px;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
650. Which of the following css declarations will create bold text?
{text: bold;}
{text-weight: bold;}
{font: bold;}
{font-weight: bold;}
Answer
Correct Answer:
{font-weight: bold;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
651. What hyperlink property is typically used to specify whether destination links should open in a new window or in a new tab of an existing window?
target="open-window"
target="fresh"
target="open-new"
target="_blank"
Answer
Correct Answer:
target="_blank"
Note: This Question is unanswered, help us to find answer for this one
Check Answer
652. What rule is generally used, for responsive web design, to target devices with different widths?
@import
@type
@screen
@media
Note: This Question is unanswered, help us to find answer for this one
Check Answer
653. The <link> tag is placed inside which section of HTML code?
script section
body section
title section
head section
Answer
Correct Answer:
head section
Note: This Question is unanswered, help us to find answer for this one
Check Answer
654. Which of the following is NOT a CSS font property?
font-invariant
font-style
font
font-size
font-family
Answer
Correct Answer:
font-invariant
Note: This Question is unanswered, help us to find answer for this one
Check Answer
655. Which properties is used to change the case of the text?
text-decoration:
text-shadow:
text-spacing:
text-transform:
Answer
Correct Answer:
text-transform:
Note: This Question is unanswered, help us to find answer for this one
Check Answer
656. Which CSS property contains the following attributes: normal, italic, oblique
font-weight
font-intensity
font-style
font-format
font-appearance
Answer
Correct Answer:
font-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
657. Which of the following sets the stack order of a positioned element?
ar-index
z-index
s-index
All of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
658. Which tag is used to specify that the browser is to fetch and use an external stylesheet file?
<link>
<src>
<sheet>
<fetch>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
659. Which css rule will make an element with an id of "box" invisible?
#box {visibility:hidden}
#box {visibility:invisible}
box {visibility: visible}
#box {invisible:true}
Answer
Correct Answer:
#box {visibility:hidden}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
660. Which of the following is correct to transform text into uppercase?
h1 {text-transform:uppercase;}
h1 {text:uppercase;}
h1 {text-style:uppercase;}
h1 {text-transform:upper;}
Answer
Correct Answer:
h1 {text-transform:uppercase;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
661. Which of the following units of measurement can be used when creating a margin?
px
All of these
pt
em
Answer
Correct Answer:
All of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
662. Can web fonts be imported with .css files directly
No, web fonts can't be imported
Web fonts can only be imported using the <link> tag
Yes, by using @import url("fontname");
Answer
Correct Answer:
Yes, by using @import url("fontname");
Note: This Question is unanswered, help us to find answer for this one
Check Answer
663. Which of the following is NOT a valid technique for applying styles to a document?
external styles
exceptional styles
inline styles
internal styles
Answer
Correct Answer:
exceptional styles
Note: This Question is unanswered, help us to find answer for this one
Check Answer
664. Which of the following selects the active link?
all=active
:active
#:active
active
Note: This Question is unanswered, help us to find answer for this one
Check Answer
665. The ___________ property allows to specify how much space appear between the content of an element and it's border.
Spacing
padding
Content-border
Marking
Note: This Question is unanswered, help us to find answer for this one
Check Answer
666. How can you add a comment to a stylesheet?
Enclose comment between opening and closing comment markers as follows: <!-- and -->
Enclose comment between opening and closing comment markers as follows: # and #
Enclose comment between opening and closing comment markers as follows: <? and ?>
Enclose comment between opening and closing comment markers as follows: /* and */
Answer
Correct Answer:
Enclose comment between opening and closing comment markers as follows: /* and */
Note: This Question is unanswered, help us to find answer for this one
Check Answer
667. What is the difference between margin and padding?
Margin is for absolute positioning and padding is for fixed positioning.
Margin is on the outside of block elements while padding is on the inside.
There is no difference they both do the same thing.
Margin is for creating space between text and padding is for making sure elements do not collide.
Padding is on the outside of block elements while margin is on the inside.
Answer
Correct Answer:
Margin is on the outside of block elements while padding is on the inside.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
668. Which of the following defines the tiling pattern for one or more background images?
background-x
background tile
backround-y
background-repeat
Answer
Correct Answer:
background-repeat
Note: This Question is unanswered, help us to find answer for this one
Check Answer
669. Which of the following sets how a background image will be repeated?
repeat,background
background-repeat+image
background-repeat
background-x-y
repeat
Answer
Correct Answer:
background-repeat
Note: This Question is unanswered, help us to find answer for this one
Check Answer
670. Which of the following is an example of using group selectors?
selector(h1, h2, p) { color:green;}
group(h1, h2, p) { color:green;}
h1, h2, p { color:green;}
[h1, h2, p] { color:green;}
Answer
Correct Answer:
h1, h2, p { color:green;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
671. Selects all elements with class="intro"
=intro
<intro>
.intro
#intro
Note: This Question is unanswered, help us to find answer for this one
Check Answer
672. What is the main difference between styling a <span> and a <div> element?
There is none. They can be styled with the same parameters in mind.
You cannot use class inside a <span> tag, only id.
<span> is an inline element by default, while <div> is a block element.
A <div> is a child-element of <span>, while <span> can't be a child of <div>.
Answer
Correct Answer:
<span> is an inline element by default, while <div> is a block element.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
673. ...................... is used to import an external style sheet in a manner similar to the <link> element.
@insert
@import
#import
#insert
Note: This Question is unanswered, help us to find answer for this one
Check Answer
674. Which of these is not a vendor prefix?
They are all vendor prefixes.
-o-
-moz-
-ms-
-webkit-
Answer
Correct Answer:
They are all vendor prefixes.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
675. Which property specifies the spacing between lines?
line-height
height
line-x
lineHeight
textHeight
Answer
Correct Answer:
line-height
Note: This Question is unanswered, help us to find answer for this one
Check Answer
676. What is the best way to insert CSS styles across multiple HTML files?
Inline CSS
External CSS
Internal CSS
Don't use CSS, use Google
Answer
Correct Answer:
External CSS
Note: This Question is unanswered, help us to find answer for this one
Check Answer
677. What is CSS valid syntax for setting the margin value to 0?
margin: 0 0 0 0 px;
margin: 0;
margin-all: 0;
margin; 0;
Answer
Correct Answer:
margin: 0;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
678. Which are the Starting and Ending tag in CSS?
<title></title>
<st></st>
<Style></Style>
<sl></sl>
<head></head>
Answer
Correct Answer:
<Style></Style>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
679. Which of the following pseudo-elements are invalid?
:before
::first-letter
:after
;last-paragraph
::first-line
Answer
Correct Answer:
;last-paragraph
Note: This Question is unanswered, help us to find answer for this one
Check Answer
680. Which answer is equivalent to this: h1 { font-family: sans-serif; } h2 { font-family: sans-serif; } h3 { font-family: sans-serif; }
h1, h2, h3 { font-family: sans-serif; }
None of these
h* { font-family: sans-serif; }
h1 h2 h3 { font-family: sans-serif; }
Answer
Correct Answer:
h1, h2, h3 { font-family: sans-serif; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
681. With these specifications, how will the paddings appear in browser? padding: 6px 3px 0px 3px;
top: 6px, right: 3px, bottom: 0px, left: 3px,
top: 6px, right: 0px, bottom: 0px, left: 3px
top: 0px, right: 6px, bottom: 0px, left: 3px
top: 0px, right: 6px, bottom: 3px, left: 6px
top: 6px, right: browser default, bottom: 0px, left: 3px
Answer
Correct Answer:
top: 6px, right: 3px, bottom: 0px, left: 3px,
Note: This Question is unanswered, help us to find answer for this one
Check Answer
682. What color does this hexadecimal code represent: #000?
white
black
gray
opaque
Note: This Question is unanswered, help us to find answer for this one
Check Answer
683. You can apply a style to a selector within a selector without affecting the same selector outside the parent selector.
True
False
Note: This Question is unanswered, help us to find answer for this one
Check Answer
684. What does the border-radius property do?
Controls the spacing in a table
Creates colorful corners
Creates rounded corners
Creates square corners
Answer
Correct Answer:
Creates rounded corners
Note: This Question is unanswered, help us to find answer for this one
Check Answer
685. Which is the correct syntax of css border?
.two { border: solid 6px #fff position: relative z-index: 1
.two { border= solid 6px #fff; position=relative; z-index=1; }
.two { border: solid 6px #fff; position: relative; z-index: 1; }
.two { border->solid 6px #fff; position-> relative; z-index-> 1; }
Answer
Correct Answer:
.two { border: solid 6px #fff; position: relative; z-index: 1; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
686. What does the scale() method do?
It adds color to the element
It rotates the element
It increases or decreases the size of element
Answer
Correct Answer:
It increases or decreases the size of element
Note: This Question is unanswered, help us to find answer for this one
Check Answer
687. To set the bottom border width...
border-bottom-width:15px;
border--width:15px;
border-bottom"width":15px;
border/bottom-width:15px;
Answer
Correct Answer:
border-bottom-width:15px;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
688. Which answer best describes the following statement? <div style="text-align:center; font-size: 14px;"></div>
Internal CSS
Inline CSS
Smart CSS
External CSS
Answer
Correct Answer:
Inline CSS
Note: This Question is unanswered, help us to find answer for this one
Check Answer
689. The ____________ property allows to specify how much space appear between the content of an element and it's border.
Padding
Spacing
Content-border
Marking
Note: This Question is unanswered, help us to find answer for this one
Check Answer
690. What is the correct method of changing text color?
{text-color:#000000;}
{text:#000000;}
{color:#000000;}
{font-color:#000000;}
Answer
Correct Answer:
{color:#000000;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
691. Which of the following code elements will ensure that all images have no border?
img { border: noborder; }
#img { border: none; }
img { border: none; }
#img { noborder; }
img { noborder; }
Answer
Correct Answer:
img { border: none; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
692. Which of the following is correct to transform text to lowercase?
p {text-style:lower;}
p {text-transform:lower;}
p {text:lower;}
p {text-transform:lowercase;}
p {text-case:lower;}
Answer
Correct Answer:
p {text-transform:lowercase;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
693. The default value of the font-variant property is
large-caps
small-caps
normal
different
Note: This Question is unanswered, help us to find answer for this one
Check Answer
694. The background image for a page can be set like this:
body {background-image:sand.gif';}
background-image:url=sand
body {background-:sand}
body {background-image:url('sand.gif');}
Answer
Correct Answer:
body {background-image:url('sand.gif');}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
695. What is the difference between ID and Class?
Classes have browser default values, ID's don't
ID's have browser default values, classes don't
You can use multiple classes on the same element, but you can't do that with ID's
You can use multiple ID's on the same element, but you can't do that with classes
Answer
Correct Answer:
You can use multiple classes on the same element, but you can't do that with ID's
Note: This Question is unanswered, help us to find answer for this one
Check Answer
696. What is the use of margin?
To set space on element on left and right side.
To set space on element on right side.
To set space around element.
To set space on element on left side.
To set space on element on top and bottom side.
Answer
Correct Answer:
To set space around element.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
697. Which of the following will set Verdana as the entire page's font type?
body {font-family: Verdana;}
font {Verdana;}
body {font-type: Verdana;}
page {font-family: Verdana;}
Answer
Correct Answer:
body {font-family: Verdana;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
698. Negative values for transition-duration are treated as
2
3
0
1
Note: This Question is unanswered, help us to find answer for this one
Check Answer
699. Block elements can be centered by setting the left and right margins to:
random
auto
100%
default
Note: This Question is unanswered, help us to find answer for this one
Check Answer
700. Which of these can be used to apply style rules to elements in a document?
Inline styles.
Embedded stylesheets.
Externally linked stylesheets.
All of these
Answer
Correct Answer:
All of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
701. What css selector Insert content before every <p> element
p<before>
before=p
p:before
P`before
Note: This Question is unanswered, help us to find answer for this one
Check Answer
702. Which css property can be used to display text with all uppercase, all lowercase, or with forced first-letter capitalization?
text-styles
text-transform
text-smaller
text-capital
Answer
Correct Answer:
text-transform
Note: This Question is unanswered, help us to find answer for this one
Check Answer
703. Which of the following removes the bullet from an unordered list?
style-type: none;
list-style-type: none;
list: none;
Answer
Correct Answer:
list-style-type: none;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
704. A class is prefaced by what symbol?
#
<
@
</
.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
705. The ..................... specifies whether a border should be solid, dashed line, doted line, double line, groove etc.
border-decoration
border-layout
border-style
border-weight
Answer
Correct Answer:
border-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
706. How do you display hyperlinks without an underline?
a {decoration: no-underline}
a {underline:none}
a {decoration:no underline}
a {text-decoration:none}
a {text-decoration:no underline}
Answer
Correct Answer:
a {text-decoration:none}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
707. Which of the following will set the entire page background color?
body background {color:#FFFFFF;}
body {color:#FFFFFF;}
#body {background-color:#FFFFFF;}
body {background-color:#FFFFFF;}
Answer
Correct Answer:
body {background-color:#FFFFFF;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
708. What property changes the text color of an element?
fore-color
text-color
foreground-color
color
Note: This Question is unanswered, help us to find answer for this one
Check Answer
709. Which HTML attribute is used to define inline styles?
font
class
styles
instyles
style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
710. What is the correct way to set the color of hover links?
<style type='text/css'> hover:a {color:#000000} </style>
<style type="text/css"> a->hover {color:#000000} </style>
<style type="text/css"> a:hov {color:#000000} </style>
<style type="text/css"> a:hover {color:#000000} </style>
Answer
Correct Answer:
<style type="text/css"> a:hover {color:#000000} </style>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
711. Which of the following is true for setting font type?
p { font-style:"Times New Roman",Georgia,Serif; }
p { font:"Times New Roman",Georgia,Serif; }
p ( font:"Times New Roman",Georgia,Serif; )
p { font-family:"Times New Roman",Georgia,Serif; }
p { font-type:"Times New Roman",Georgia,Serif; }
Answer
Correct Answer:
p { font-family:"Times New Roman",Georgia,Serif; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
712. What property is used to a set maximum height for an element?
max: height
max-height
m-height
maximum-height
Answer
Correct Answer:
max-height
Note: This Question is unanswered, help us to find answer for this one
Check Answer
713. Which of the following sets all the properties for a list in one declaration?
list-all
list-style
list-css
list-main
Answer
Correct Answer:
list-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
714. What is the correct selector format for ID elements in CSS, where id_name is unique ID name to be formatted?
#id_name { }
.id_name { }
if id=id_name then { }
/* idname { } */
Answer
Correct Answer:
#id_name { }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
715. What property is used to a set minimum height for an element?
min: height
min-height
minimum-height
m-heights
Answer
Correct Answer:
min-height
Note: This Question is unanswered, help us to find answer for this one
Check Answer
716. Which of the following always refers to text color?
font-color
color
text-color`
hue
Note: This Question is unanswered, help us to find answer for this one
Check Answer
717. Colors in CSS can be specified by the following methods:
Hexadecimal colors
HSL colors
HSLA colors
All of these
RGB colors
Answer
Correct Answer:
All of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
718. How do you designate an inline style?
inline = " "
href = " "
css = " "
src = " "
style = " "
Answer
Correct Answer:
style = " "
Note: This Question is unanswered, help us to find answer for this one
Check Answer
719. What does the float property do?
Allows web designers to overlap elements or to stack them on top of each other
Allows users to drag and drop images to another location on the page
Aligns HTML elements to the right or left while allowing content to flow around it
Answer
Correct Answer:
Aligns HTML elements to the right or left while allowing content to flow around it
Note: This Question is unanswered, help us to find answer for this one
Check Answer
720. Which styles of border can be look in dotted?
border-style: dotted;
border-style: dashed;
border-style: solid;
border-style: outset;
Answer
Correct Answer:
border-style: dotted;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
721. What's the name of the layout technique that relies on CSS3 media queries to apply different styles based on the width of the browser window?
Elastic
Fluid
Liquid
Responsive
Answer
Correct Answer:
Responsive
Note: This Question is unanswered, help us to find answer for this one
Check Answer
722. What does background-origin property do?
It specifies the background text.
It specifies the background color.
It specifies the positioning area of the background images.
Answer
Correct Answer:
It specifies the positioning area of the background images.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
723. Which states whether the text is underlined or not?
text-spacing:
text-shadow:
text-decoration:
text-transform:
Answer
Correct Answer:
text-decoration:
Note: This Question is unanswered, help us to find answer for this one
Check Answer
724. How to apply the text-shadow around the text?
<p.all style="text-shadow:6px 6px 10px #FF0000 "> Text-shadow is of red color. </p>
<p style="text-shadow:6px 6px 10px #FF0000 "> Text-shadow is of red color. </p>
<all.p style="text-shadow:6px 6px 10px #FF0000 "> Text-shadow is of red color. </p>
Answer
Correct Answer:
<p style="text-shadow:6px 6px 10px #FF0000 "> Text-shadow is of red color. </p>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
725. Which is the correct syntax for centering the text in the header?
p {text-align: center}
h1 {font-align: centered;}
h1 {text-align: center;}
h1 {text-align: centered;}
Answer
Correct Answer:
h1 {text-align: center;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
726. Which value is used to define a dashed border?
dashed
dotted
dashing
Note: This Question is unanswered, help us to find answer for this one
Check Answer
727. Which of the following places one or more images in the background of the element?
bgimage
imagesbackground
background-img
background-image
image-bg
Answer
Correct Answer:
background-image
Note: This Question is unanswered, help us to find answer for this one
Check Answer
728. Hex colors are based off of what other web based color mode?
Indexed
CMYK
Grayscale
RGB
Note: This Question is unanswered, help us to find answer for this one
Check Answer
729. __________ property is mostly used to remove underlines from links:
text-trans
text-transformation
text-decoration
Answer
Correct Answer:
text-decoration
Note: This Question is unanswered, help us to find answer for this one
Check Answer
730. Which answer best describes the following css rule? a {text-decoration:none;}
It is invalid
Links will be styled with no underlines
Paragraphs will have hidden text
It's an anchor with no ship
Answer
Correct Answer:
Links will be styled with no underlines
Note: This Question is unanswered, help us to find answer for this one
Check Answer
731. The id selector uses the id attribute of the HTML element, and is defined with a...
"#"
:."
"."
"{ }"
"d"
Note: This Question is unanswered, help us to find answer for this one
Check Answer
732. In reality layers are often used in more dynamic ways:
All are correct
Flying elements/banners on the page
Menus that pop out when triggered
Games where you move an object around
Answer
Correct Answer:
All are correct
Note: This Question is unanswered, help us to find answer for this one
Check Answer
733. Which of the following CSS declarations would change the border style?
border-width: solid;
borderstyle solid;
border-style: solid;
border-weight: solid;
Answer
Correct Answer:
border-style: solid;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
734. Which of the following characters is used to end a css declaration block?
>
None of these
)
}
]
Note: This Question is unanswered, help us to find answer for this one
Check Answer
735. Which of the following CSS3 properties is used to round the corners of elements?
border-curve
rounded-corners
border-radius
Answer
Correct Answer:
border-radius
Note: This Question is unanswered, help us to find answer for this one
Check Answer
736. In which example below will all HTML elements with class="master" will be center-aligned?
.center {text-:master;}
master -align:center;}
#master{text-align:center;}
.master {text-align:center;}
master:center
Answer
Correct Answer:
.master {text-align:center;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
737. True or False: Hexadecimal color values are supported in all major browsers.
True
False
Note: This Question is unanswered, help us to find answer for this one
Check Answer
738. Is :focus a pseudo-class?
No
Yes
Note: This Question is unanswered, help us to find answer for this one
Check Answer
739. In CSS, it is possible to specify different padding for different sides?
Yes
No
Only for images
Only for <P> tags
Note: This Question is unanswered, help us to find answer for this one
Check Answer
740. How do you add a background color?
div {bgcolor = red}
div {background-color = red}
div {background-color : red}
div {bgcolor : red}
Answer
Correct Answer:
div {background-color : red}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
741. Which property can be used to control the flow and formatting of text?
green-space
blue-space
white-space
red-space
Answer
Correct Answer:
white-space
Note: This Question is unanswered, help us to find answer for this one
Check Answer
742. Which syntax displays hyperlinks with an underline?
a {font: decoration: none}
a {text-decoration: u}
a: font-decoration: underline
a {text-decoration: underline}
Answer
Correct Answer:
a {text-decoration: underline}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
743. What is the default file extension for a CSS style sheet?
.css
.style
.main
.styles
Note: This Question is unanswered, help us to find answer for this one
Check Answer
744. What do the height and width CSS dimension properties allow you to control?
the importance order of the cascade
the depth of nested divs
the height and width of an element
2d and 3d dimensions
Answer
Correct Answer:
the height and width of an element
Note: This Question is unanswered, help us to find answer for this one
Check Answer
745. How do you make the text bold?
font-weight: bold;
text: BOLD!
font: b;
style: bold;
Answer
Correct Answer:
font-weight: bold;
Note: This Question is unanswered, help us to find answer for this one
Check Answer
746. What does CSS define in HTML?
How to display HTML elements
How to save HTML elements
How to send HTML elements
How to create HTML elements
Answer
Correct Answer:
How to display HTML elements
Note: This Question is unanswered, help us to find answer for this one
Check Answer
747. Which CSS property can provide an effect when changing from one style to another, without using Flash animations or JavaScript?
transparency
association
transistor
transition
Answer
Correct Answer:
transition
Note: This Question is unanswered, help us to find answer for this one
Check Answer
748. The CSS list properties allow you to:
Set different list item markers for ordered lists
Set different list item markers for unordered lists
All are correct
Set an image as the list item marker
Answer
Correct Answer:
All are correct
Note: This Question is unanswered, help us to find answer for this one
Check Answer
749. Which of these is the correct format for specifying a color?
#fff
#ffffff
All of the above
rgb(255,255,255)
white
Answer
Correct Answer:
All of the above
Note: This Question is unanswered, help us to find answer for this one
Check Answer
750. What symbol do you use in CSS to call out to an ID?
id=""
#
@
$
.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
751. A ___________ property can help you to create more complex webpage layouts
y-index
z-index
x-index
Note: This Question is unanswered, help us to find answer for this one
Check Answer
752. How do you add a background color for all "<h1>" elements?
h1.all { background-color: #FFFFFF; }
h1 { background-color: #FFFFFF; }
h1 { bg-color: #FFFFFF; }
h1:all-childs { background-color: #FFFFFF; }
Answer
Correct Answer:
h1 { background-color: #FFFFFF; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
753. Which tag is used to link External Style Sheets?
<link>
<sheet>
<external>
<ess>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
754. When does aligning a block element have no effect?
when it's width is set to 100%
when it's width is set to 50%
Answer
Correct Answer:
when it's width is set to 100%
Note: This Question is unanswered, help us to find answer for this one
Check Answer
755. What are the possible values of the property background-attachment?
fixed
Both scroll and fixed
scroll
Answer
Correct Answer:
Both scroll and fixed
Note: This Question is unanswered, help us to find answer for this one
Check Answer
756. .center {text-align:center;} is an example of
the ID Selector
the class Selector
an html tag
Answer
Correct Answer:
the class Selector
Note: This Question is unanswered, help us to find answer for this one
Check Answer
757. What pseudo-class need to be used to style a link which has the mouse over it?
a:hover
mouse over
a:over
a:link
Note: This Question is unanswered, help us to find answer for this one
Check Answer
758. Which is the correct syntax for applying background color to links?
a:link {background-color:@B2FF99;}
a:link {background-color:!B2FF99;}
a:link {background-color:#B2FF99;}
a:link {background-color:%B2FF99;}
Answer
Correct Answer:
a:link {background-color:#B2FF99;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
759. CSS colors are defined using a _________ notation for the combination of red, green and blue (rgb) color values.
pentadecimal
hexadecimal
nanodecimal
octadecimal
Answer
Correct Answer:
hexadecimal
Note: This Question is unanswered, help us to find answer for this one
Check Answer
760. They must be define a border-style for the border to show up. Available terms:
All are correct
thick
medium
thin
Answer
Correct Answer:
All are correct
Note: This Question is unanswered, help us to find answer for this one
Check Answer
761. Which property is used to specify the kind of border to display?
border-kind
border-display
border-design
border-style
Answer
Correct Answer:
border-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
762. Which of the following is NOT a web-safe font?
Verdana
Arial
Times New Roman
Zapfino
Georgia
Note: This Question is unanswered, help us to find answer for this one
Check Answer
763. Which of these is the correct way to specify color?
h1 {color:#00ff00;}
body {color:blue;}
h2 {color:rgb(255,0,0);}
All of these
Answer
Correct Answer:
All of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
764. The class selector is used to specify a style for:
the <p > tag
a group of elements
the <head> tag
the <a> tag
Answer
Correct Answer:
a group of elements
Note: This Question is unanswered, help us to find answer for this one
Check Answer
765. What property alters an elements background color?
color
bgcolor
background-color
Answer
Correct Answer:
background-color
Note: This Question is unanswered, help us to find answer for this one
Check Answer
766. Which is the correct CSS syntax?
body { color: red; }
{ body: color=black(body }
{ body; color: black }
body:color=black
body { color; red }
Answer
Correct Answer:
body { color: red; }
Note: This Question is unanswered, help us to find answer for this one
Check Answer
767. Which of the following is correct CSS syntax?
body {color: black;}
{body:color=black(body};
body:color=black;
{body;color:black;}
Answer
Correct Answer:
body {color: black;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
768. Which property can be used, along with a position property, to create an effect of layers?
y-index
a-b testing
x-index
z-index
Note: This Question is unanswered, help us to find answer for this one
Check Answer
769. The outline property is used to control:
all of these
color of outline
width of outline
style of outline
Answer
Correct Answer:
all of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
770. Which CSS property controls the text size?
font-style
text-style
font-size
text-size
size-font
Answer
Correct Answer:
font-size
Note: This Question is unanswered, help us to find answer for this one
Check Answer
771. Which of the following properties is used to set a minimum width on an element?
hsize
size
x-spacing
min-width
width
Answer
Correct Answer:
min-width
Note: This Question is unanswered, help us to find answer for this one
Check Answer
772. What does the background-color property do?
Returns "true" if the background color matches another element
Specifies the background color of an element
Copies the background color from another element
Specifies the background image
Answer
Correct Answer:
Specifies the background color of an element
Note: This Question is unanswered, help us to find answer for this one
Check Answer
773. Which property can be used to set the color of a text?
color
color-spacing
color-space
Note: This Question is unanswered, help us to find answer for this one
Check Answer
774. Pseudo-elements can be combined with CSS classes.
False
True
Note: This Question is unanswered, help us to find answer for this one
Check Answer
775. Is this a proper statement? body { font-family: Arial, Helvetica, sans-serif; color: #000; background-color: #FFF; }
No
Yes
Note: This Question is unanswered, help us to find answer for this one
Check Answer
776. Which is the correct way to write a comment in CSS?
/*This is a comment*/
</ This is a comment />
#This is a comment#
//This is a comment
Answer
Correct Answer:
/*This is a comment*/
Note: This Question is unanswered, help us to find answer for this one
Check Answer
777. What css selector selects all elements?
*
!
^
~
Note: This Question is unanswered, help us to find answer for this one
Check Answer
778. The id selector uses the id attribute of the HTML element, and is defined with a
"%"
"_"
"#"
"@"
Note: This Question is unanswered, help us to find answer for this one
Check Answer
779. When does the link state a:hover occur?
When the user clicks it
It is a normal link
When the user mouses over it
When the user has visited it
Answer
Correct Answer:
When the user mouses over it
Note: This Question is unanswered, help us to find answer for this one
Check Answer
780. Who maintains CSS?
W3C
Mozilla
Apple
Microsoft
Google
Note: This Question is unanswered, help us to find answer for this one
Check Answer
781. Dimension properties allow you to control:
the text size in an element
the color of an element
the height and width of an element
Answer
Correct Answer:
the height and width of an element
Note: This Question is unanswered, help us to find answer for this one
Check Answer
782. Which answer best describes the purpose of the following markup? <link rel="stylesheet" href="style.css" type="text/css" />
To request a sandwich
It does nothing
To call an internal stylesheet
To call an external stylesheet
Answer
Correct Answer:
To call an external stylesheet
Note: This Question is unanswered, help us to find answer for this one
Check Answer
783. How do you add a background color for all <h1> elements?
h1.all {background-color:#FFFFFF;}
all.h1 {background-color:#FFFFFF;}
h1 {background-color:#FFFFFF;}
Answer
Correct Answer:
h1 {background-color:#FFFFFF;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
784. Which tag is used to define an Internal Style Sheet?
<style>
<script>
<iss>
<internal>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
785. In an HTML document, where is the correct place to refer to an external CSS file?
In the <title> section
In the <head> section
In the <body> section
At the end of the document
Answer
Correct Answer:
In the <head> section
Note: This Question is unanswered, help us to find answer for this one
Check Answer
786. Which of the following determines whether the text should be displayed as italics or regular text?
font-style
foont
styles-font
foont-styles
font-decoration
Answer
Correct Answer:
font-style
Note: This Question is unanswered, help us to find answer for this one
Check Answer
787. CSS stands for
Common Style for Strings
Cascading Style for Strings
Common Style Sheets
Cascading Style Sheets
Community Specification of Styles
Answer
Correct Answer:
Cascading Style Sheets
Note: This Question is unanswered, help us to find answer for this one
Check Answer
788. Which configuration of the web elements in the page markup gives you great flexibility in the design of your site?
margins
padding
border
All are correct
Answer
Correct Answer:
All are correct
Note: This Question is unanswered, help us to find answer for this one
Check Answer
789. What is the extension for an external style sheet?
.style
.sass
.styles
.theme
.css
Note: This Question is unanswered, help us to find answer for this one
Check Answer
790. An ID is prefaced by what symbol?
#
</
@
<
.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
791. Which of these is the correct CSS syntax for specifying the left margin of an element?
{p = margin-left:20px}
p {margin-left:20px;}
{p: margin-left:20px;}
{p: margin-left:(20px)}
Answer
Correct Answer:
p {margin-left:20px;}
Note: This Question is unanswered, help us to find answer for this one
Check Answer
792. Which HTML tag is used to define an internal style sheet?
<script>
<style>
<css>
Note: This Question is unanswered, help us to find answer for this one
Check Answer
793. Where in an HTML document is the correct place to refer to an external style sheet?
In the <body> section
At the beginning of the document
In the <head> section
At the end of the document
Answer
Correct Answer:
In the <head> section
Note: This Question is unanswered, help us to find answer for this one
Check Answer
794. What should CSS be used for?
just themes
styling
structure
scripting
Note: This Question is unanswered, help us to find answer for this one
Check Answer
795. Which symbol is used to define an ID?
$ (dollar sign)
@ (the "at" symbol)
% (percent sign)
! (exclamation point)
# (pound sign)
Answer
Correct Answer:
# (pound sign)
Note: This Question is unanswered, help us to find answer for this one
Check Answer
796. Which character, followed by the selector's name, is used for defining ID selectors?
#
!
&
%
Note: This Question is unanswered, help us to find answer for this one
Check Answer
797. What does CSS stand for?
Common Style Syntax
Computer Style Sheets
Cascading Style Sheets
Creative Style Sheet
Answer
Correct Answer:
Cascading Style Sheets
Note: This Question is unanswered, help us to find answer for this one
Check Answer
798. What is the correct HTML for referring to an external style sheet?
<link rel="stylesheet" type="text/css" href="mystyle.css">
<stylesheet>mystyle.css</stylesheet />
<style src="mystyle.css" />
Answer
Correct Answer:
<link rel="stylesheet" type="text/css" href="mystyle.css">
Note: This Question is unanswered, help us to find answer for this one
Check Answer
799. Which contemporary web browser(s) support CSS?
All of these
Chrome
Firefox
Internet Explorer
Answer
Correct Answer:
All of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
800. .css files may be created using what software?
BBEdit
TextMate
All of these, any text editor will do.
Sublime Text
Answer
Correct Answer:
All of these, any text editor will do.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
801. The background color can be specified by:
a HEX, e.g., #00ff00
All of these
an RGB value, e.g., rgb(255,0,255)
a color name, e.g., yellow
Answer
Correct Answer:
All of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
802. Which properties can be applied to first-line pseudo-element?
font properties
vertical-align
background properties
All of these
word-spacing
Answer
Correct Answer:
All of these
Note: This Question is unanswered, help us to find answer for this one
Check Answer
803. Which property is used to change the background color?
backgroundcolor:
background-color:
color-bkgd:
bgcolor:
color-background:
Answer
Correct Answer:
background-color:
Note: This Question is unanswered, help us to find answer for this one
Check Answer
804. Which element/pseudo-element pair can be used to create a mouseover effect on all links?
a:active
a:unvisited
a:visited
a:link
a:hover
Note: This Question is unanswered, help us to find answer for this one
Check Answer
805. Which of the following increases or decreases the horizontal space between characters?
tracking
letter-spacing
kerning
Answer
Correct Answer:
letter-spacing
Note: This Question is unanswered, help us to find answer for this one
Check Answer
806. The _________ means an element that has the user's mouse pointer hovering over it.
a:visited
a:hover
a:link
Note: This Question is unanswered, help us to find answer for this one
Check Answer
807. Which property is used to control the space between the border and content in a table?
spacing
align
padding
Note: This Question is unanswered, help us to find answer for this one
Check Answer
808. Internet Explorer supports the fixed value only if...
!DOCTYPE is specified.
!DOCTYPE is not specified.
header is specified.
Answer
Correct Answer:
!DOCTYPE is specified.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
809. Which of the following is true about vertical-align property?
To vertically align an image: img { vertical-align:text-top; }
It sets the vertical alignment of an element.
It sets the vertical alignment of an the entire webpage.
Answer
Correct Answer:
It sets the vertical alignment of an element.
Note: This Question is unanswered, help us to find answer for this one
Check Answer
810. In the CSS box model, where is the margin located?
Immediately within the box border
Immediately outside the box border
None of these
Between the padding and the box border
Answer
Correct Answer:
Immediately outside the box border
Note: This Question is unanswered, help us to find answer for this one
Check Answer
811. The_____________ property indicates whether a cell without any content should have a border displayed.
nocontent-cells
empty-cells
noborder-cells
blank-cells
Answer
Correct Answer:
empty-cells
Note: This Question is unanswered, help us to find answer for this one
Check Answer
812. Which property is used to specify table borders in CSS?
dimension
edge
border
Note: This Question is unanswered, help us to find answer for this one
Check Answer
