Most 50 CSS Objective Question And Answer

✅ Top 50 CSS Objective Questions & Answers

What does CSS stand for?
a) Computer Style Sheets
b) Colorful Style Sheets
c) Cascading Style Sheets ✅
d) Creative Style Sheets
Which HTML tag is used to link an external CSS file?
a) <script>
b) <style>
c) <css>
d) <link> ✅
Which property is used to change the text color in CSS?
a) font-color
b) color ✅
c) text-color
d) background-color
What is the correct syntax to comment in CSS?
a) // comment
b)
c) /* comment */ ✅
d) ## comment
How do you select an element with id “main”?
a) #main ✅
b) .main
c) main
d) *main
How do you select elements with class “box”?
a) #box
b) box
c) .box ✅
d) *box
Which property is used to set the background color?
a) background-color ✅
b) color
c) bg-color
d) background
What does the z-index property do?
a) Zoom the element
b) Stack elements vertically
c) Set the stack order ✅
d) Set text size
How to make text bold in CSS?
a) font-weight: bold; ✅
b) text-weight: bold;
c) bold: true;
d) font: bold;
Which unit is not relative in CSS?
a) em
b) rem
c) px ✅
d) %

How do you apply a style to all <p> elements?
a) #p
b) .p
c) p ✅
d) *p
Which property changes the size of text?
a) font-size ✅
b) text-size
c) font
d) size
Which property is used for spacing between lines of text?
a) spacing
b) line-spacing
c) line-height ✅
d) height
Which is a valid position property value?
a) centered
b) fixed ✅
c) float
d) inline
How do you make an element inline?
a) display: block;
b) position: inline;
c) display: inline; ✅
d) inline: true;
Which property removes underline from a link?
a) link-decoration
b) text-style
c) text-decoration ✅
d) underline: none
How do you make a list without bullets?
a) list-style: none; ✅
b) bullet: none;
c) list-type: none;
d) text-decoration: none;
How do you add space inside an element?
a) margin
b) padding ✅
c) border
d) spacing
How to center a block element horizontally?
a) text-align: center
b) align: center
c) margin: auto ✅
d) padding: center
What is the default position value of an element?
a) relative
b) fixed
c) static ✅
d) absolute

Which pseudo-class selects the first child?
a) :first-child ✅
b) :first
c) :first-element
d) :child-first
Which selector targets all <p> elements inside a <div>?
a) div p ✅
b) div.p
c) p > div
d) div+p
Which CSS feature is used for responsive design?
a) Animation
b) Transitions
c) Media Queries ✅
d) Variables
How to define a CSS variable?
a) $color: red;
b) –color: red; ✅
c) var color = red;
d) set-color: red;
Which property is used for transitions?
a) animate
b) transition ✅
c) transform
d) effect
Which property rotates an element?
a) position
b) transition
c) transform ✅
d) skew
Which one is a valid value for display?
a) invisible
b) visible
c) flex ✅
d) show
Which shorthand property sets all margin sides?
a) padding
b) border
c) margin ✅
d) spacing
What does opacity: 0; do?
a) Makes element invisible ✅
b) Hides content
c) Reduces font size
d) Shrinks width
Which layout module uses grid-template-rows?
a) Flexbox
b) Grid ✅
c) Float
d) Table

What is the default direction of flex items?
a) row ✅
b) column
c) wrap
d) block
How to create a flex container?
a) display: flex; ✅
b) position: flex;
c) flex: true;
d) layout: flex;
Which property aligns items vertically in flexbox?
a) justify-content
b) align-items ✅
c) align-content
d) flex-align
Which property aligns items horizontally in flexbox?
a) justify-content ✅
b) align-items
c) float
d) align-self
What does flex-wrap: wrap; do?
a) Prevents overflow
b) Wraps flex items ✅
c) Collapses layout
d) Hides items
What is the default value of justify-content?
a) flex-end
b) space-around
c) space-between
d) flex-start ✅
Which property controls item order in flexbox?
a) flex-index
b) order ✅
c) z-index
d) position
How to make an element take remaining space?
a) flex: auto
b) flex: 1 ✅
c) grow: 1
d) width: auto
Which layout is best for 2D design (rows + columns)?
a) Flexbox
b) Grid ✅
c) Float
d) Table
What’s the use of min-height?
a) Sets height limit
b) Sets min font
c) Sets minimum height ✅
d) Hides overflow

Which value of position makes element sticky?
a) static
b) fixed
c) relative
d) sticky ✅
Which property is used for shadow around boxes?
a) shadow
b) box-shadow ✅
c) text-shadow
d) outer-shadow
What is the default display of <span>?
a) block
b) inline ✅
c) inline-block
d) flex
How to make a circle using CSS?
a) border: circle;
b) border-radius: 50%; ✅
c) shape: round;
d) transform: circle;
Which media query is used for screens below 768px?
a) @media (max-width: 768px) ✅
b) @media screen <= 768
c) @media (width < 768)
d) @media-size: 768
What does calc(100% - 50px) do?
a) Adds 50px
b) Subtracts 50px ✅
c) Multiplies
d) Divides
Which unit is relative to the font-size of root (html)?
a) em
b) rem ✅
c) %
d) vw
Which property is used for transition timing?
a) transition-speed
b) timing-function ✅
c) speed-function
d) animate-time
How to animate a hover effect?
a) :hover + transition ✅
b) animation: hover
c) hover-effect: true
d) animate-hover
Which tool inspects CSS in browser?
a) GitHub
b) Inspect Element ✅
c) DevTool
d) CSS Studio