CSS Exam
Which of the following is NOT a valid pseudo-class? - ANS-:test
What is the right way to select every 4th paragraph? - ANS-p:nth-of-type(4n)
Which of the following are true about Flexible Box? - ANS-2. Flexbox consists of flex
containers and flex items.
1. Inside a flex container there is one or more flex items.
Which of the following are valid multi-column properties? - ANS-ALL OF THESE ARE
CORRECT
1. Column-count
2. Column-gap
3. Column-rule-style
4. Column-rule-width
Which of the following is NOT a valid media type for media query? - ANS-small
Which of the following are valid selectors? - ANS-3. a[href^="https"]
2. p: last-of-type
1. p:empty
The ___ property indicates whether a cell without any content should have a border
displayed. - ANS-empty-cells
Which of the following is multi-column properties? - ANS-3. column-rule
2. column-width
1. column-span
Which of the following is NOT a valid feature supported in meda query? -
ANS-Backround-color
Why isn't it possible to unite webkit-border radius and -moz-border-radius? -
ANS--webkit- and -moz- are vendor-specific prefixes and are not standard CSS3
properties.
you can set border-box for all Elements using the following code? - ANS-* {
-webkit-box-sizing: border-border box;
-moz-box-sizing; border-box;
box-sizing: border-box;
Which of the statements are true? - ANS-2. A block-level element always starts on a
new line and takes up the full width available.
1. An in-line element does not start on a new line and only takes up as much width as
necessary.
Screen REsolution refers to the number of dots a screen shows per? - ANS-inch
Which of the following statements is true about z-index in CSS3? - ANS-z-index only
affects positioned elements.
The __ specifies whether a border should be solid, dashed line, doted line, double line,
groove etc. - ANS-border-style
Which of the following is not a valid 3D transform method? - ANS-perspective3D()
the__ property allows to specify the distance between the list and the text relating to the
list, - ANS-marker-offset
The style given below is applied to which of the given options?
p.wrapper #h2 {
font-size: 18px;
margin-top: 0;
} - ANS-Type 2 Heading with ID sub inside Element P with class wrapper.
What will be the output of the following code?
<style>
.foo {
width: 100px;
height: 50px;
border-width:3px;
-webkit-border-image:
-webkit-gradient() 1 100%;
-webkit-border-image:
ETC ETC
........etc
}
</style>
<div class = "foo">Lorem</div> - ANS-None of these.
Which of the following is NOT a valid 20 transformation method? - ANS-rotateX()
Which of the following are valid font descriptors? - ANS-font-family
font-style
font-stretch
Which of the following is the correct way to add multiple background images to an
element? - ANS-background-image: url(img_1.png), url(img_2.png);
Which of the following is used to represent unvisited hyperlink? - ANS-:link
Which statements are correct regarding floating Elements? - ANS-2. 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.
3. The floated element becomes a block-level element around which other content can
flow
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? - ANS-None of
the above
THe following style is applied to -
div.wrapper h2{
font-size: 18px;
margin-top: 0;
} - ANS-Type 2 Heading inside Element div of class wrapper.
Which of the following is correct syntax of Media Queries? - ANS-The one that has min
"AND" max no comma
Which of the following is valid for grid-column-start: 3? - ANS-starts grid item from the
third column
Which of the following are valid properties for flex container? - ANS-flex-wrap
flex-flow
allign-items
Which of the following selector is used to specify a style for a single, unique element? -
ANS-id
Using the following code you will remove bottom margin from.float-wrapper - ANS-.float
wrapper{margin-bottom: 0;}
What are the full-length Properties? - ANS-border-top-width: thin;
border-right-width: medium;
border-bottom-width: thin;
border-left-width: medium;
How can we use Multiple backgrounds using the following code? -
ANS-background-image: url(bg1.png), url(bg2.png);
background-repeat: no-repeat;
background-attachment: fixed, fixed;
background-position: right bottom, top left;
The __ property allows you to control the shape or style of bullet point in the case of
unordered list items, and the style of numbering characters in ordered list items. -
ANS-list-style-type
The different ways to associate styles with an HTML document is/are - ANS-ALL OF
THE ABOVE
THe text-indent property allows you to indent the first____ of text within an element? -
ANS-Line
What does the CSS3 Style grid-column-start: 2; does? - ANS-Starts grid item from
second column
What does background-origin property specify? - ANS-specifies where the background
image is positioned
Which of the following is a 20 transformation method? - ANS-NONEOF THE ABOVE
rotateX(), rotateY(), rotateZ()
What is the right way to define custom fonts? - ANS-@font-face {
font-family: Custom-Fonts;
src: url(custom_font.woff);
}
