HR/Admin : +91-7827547816
Sales : +91-7827547816
+91-9599109956
training@techspakes.com
Toggle navigation
Home
Training Courses
HTML
Website Development
WordPress Development
Front End Development
Graphics Designer
Linux Admin
MERN
Angular
Hybrid Mobile App
Drupal
Full Stack
React Native Developer
MVC
MEAN
SMM
SEO
SMO
Lead Generation
Web Development Training in Noida
Web Development Training in Jaipur
Web Development Training in Chandigarh
Computer Training in Satnali
Our Locations
Computer Training in Dahina
Computer Training in Mahendergarh
Computer Training in Narnaul
Computer Training in Satnali
Computer Training in Rewari
Computer Training in Kanina
Computer Training in Ateli Mandi
Computer Training in Bhiwani
Computer Training in Charkhi Dadri
Interview Questions
HTML Interview Questions
CSS Interview Questions
Bootstrap4 Interview Questions
Bootstrap5 Interview Questions
Javascript Interview Questions
IT Services
Testimonial
Our Top Placements
Contact
Top 500 CSS MCQ Interview Questions
Training
Top 500 CSS MCQ Interview Questions
Question 51:
Which CSS property is used to change the color of a link when hovered over?
A. text-color
B. hover-color
C.
a {color: value;}
D. link-color
Question 52:
Which property is used to control the space between letters in a text?
A. text-indent
B. letter-spacing
C. word-spacing
D. text-spacing
Question 53:
Which of the following is not a valid length unit in CSS?
A. em
B. px
C. cm
D. pc
Question 54:
How do you make a flex container wrap its items to the next line in CSS?
A. flex-wrap: wrap;
B. flex-direction: wrap;
C. flex-flow: wrap;
D. flex-align: wrap;
Question 55:
Which property is used to apply a transformation to an element?
A. transform
B. scale
C. rotate
D. perspective
Question 56:
Which of the following is used to specify the space between an element's content and its border?
A. padding
B. margin
C. border
D. space-between
Question 57:
What CSS value will prevent an element from being resizable in a flex container?
A. flex-shrink: 0;
B. flex-grow: 1;
C. resize: none;
D. flex-basis: auto;
Question 58:
How do you make a box’s border invisible while keeping its layout properties intact?
A. border: none;
B. border-color: transparent;
C. border: hidden;
D. border-style: none;
Question 59:
Which CSS property is used to specify the transparency of an element?
A. opacity
B. filter
C. visibility
D. transparency
Question 60:
How do you make the first letter of a paragraph capitalized in CSS?
A. text-transform: uppercase;
B. first-letter {text-transform: capitalize;}
C.
::first-letter {text-transform: uppercase;}
D. p {text-transform: uppercase;}
Question 61:
Which property is used to set the alignment of items along the main axis in Flexbox?
A. justify-content
B. align-items
C. flex-align
D. align-content
Question 62:
Which of the following allows you to delay a CSS animation?
A. animation-delay
B. animation-duration
C. transition-delay
D. animation-wait
Question 63:
Which property is used to define the number of columns in a grid layout?
A. grid-template-columns
B. grid-column-count
C. column-count
D. grid-layout-columns
Question 64:
How can you apply different styles to the same element depending on the screen size?
A. Use @media queries
B. Use class selectors
C. Use ID selectors
D. Use !important to override styles
Question 65:
What is the purpose of the z-index property in CSS?
A. To control the visibility of an element
B. To control the stacking order of overlapping elements
C. To set the zoom level of an element
D. To make an element float above others
Question 66:
Which property is used to clip an element's content to a specified rectangular area?
A. clip
B. clip-path
C. overflow: hidden
D. mask
Question 67:
What is the default value of the flex-wrap property?
A. nowrap
B. wrap
C. reverse
D. inherit
Question 68:
How do you center a block-level element horizontally?
A. margin-left: auto; margin-right: auto;
B. text-align: center;
C. display: inline-block;
D. margin: 0 auto;
Question 69:
Which CSS property is used to set the speed curve of an animation?
A. animation-timing-function
B. transition-speed
C. animation-curve
D. transition-timing
Question 70:
Which CSS property is used to specify the stack order of elements?
A. z-order
B. z-index
C. stack-order
D. stacking-index
Question 71:
Which property is used to define the aspect ratio of a responsive element?
A. aspect-ratio
B. width
C. height
D. transform
Question 72:
How do you create space between grid items in a grid layout?
A. grid-gap
B. grid-margin
C. grid-spacing
D. item-gap
Question 73:
How do you ensure that an element always stays at the bottom of the page, regardless of scrolling?
A. position: fixed;
B. position: absolute;
C. position: relative;
D. position: sticky;
Question 74:
Which CSS property is used to change the alignment of flex items along the cross axis?
A. align-items
B. justify-content
C. align-self
D. align-content
Question 75:
What is the difference between padding and margin in CSS?
A. Padding adds space inside the element’s border, and margin adds space outside the border
B. Padding adds space outside the border, and margin adds space inside the element’s border
C. Both padding and margin add space outside the element
D. Both padding and margin add space inside the element
Question 76:
What is the default value of the position property in CSS?
A. fixed
B. absolute
C. relative
D. static
Question 77:
Which CSS property is used to specify the space between lines of text?
A. letter-spacing
B. text-spacing
C. line-height
D. word-spacing
Question 78:
Which CSS property is used to add shadow to text?
A. font-shadow
B. text-shadow
C. box-shadow
D. shadow-text
Question 79:
Which CSS pseudo-class targets the first child element?
A. :only-child
B. :first-child
C. :nth-child(1)
D. :first-of-type
Question 80:
How can you make an element transparent in CSS?
A. opacity: 1;
B. opacity: 0;
C. visibility: none;
D. display: transparent;
Question 81:
Which CSS property is used to control the order in which flex items appear within a flex container?
A. flex-order
B. order
C. item-order
D. position
Question 82:
What does the float property do in CSS?
A. It moves elements to the right of the screen
B. It allows elements to float beside other elements
C. It removes elements from the normal flow
D. It centers elements horizontally
Question 83:
Which CSS property controls the visibility of an element but keeps its space in the layout?
A. display: none;
B. visibility: hidden;
C. opacity: 0;
D. overflow: hidden;
Question 84:
How do you center text within a block element?
A. text-align: center;
B. vertical-align: center;
C. margin: 0 auto;
D. display: center;
Question 85:
Which CSS property controls the background color of an element?
A. color
B. background-color
C. bg-color
D. fill-color
Question 86:
How do you prevent an element from being resized in CSS?
A. resize: none;
B. overflow: hidden;
C. width: auto;
D. height: auto;
Question 87:
Which CSS property is used to specify the distance between an element's border and the edge of the browser window?
A. padding
B. margin
C. border-spacing
D. width
Question 88:
What does the box-shadow property do in CSS?
A. It adds a shadow around the text
B. It adds a shadow around an element's border
C. It adds a shadow to the background image
D. It adds a shadow inside the element’s border
Question 89:
Which value of the display property is used to make an element disappear from the layout but still be accessible by screen readers?
A. visibility: hidden
B. display: block
C. display: none
D. opacity: 0
Question 90:
Which CSS property allows you to apply rounded corners to an element?
A. border-radius
B. border-style
C. border-width
D. border-corner
Question 91:
What is the purpose of the transition property in CSS?
A. It allows you to animate property changes
B. It sets how fast a property changes
C. It changes the color of an element when hovered
D. It changes the size of an element when clicked
Question 92:
How do you make a background image repeat vertically only?
A. background-repeat: repeat-y;
B. background-repeat: repeat-x;
C. background-repeat: no-repeat;
D. background-repeat: y-repeat;
Question 93:
Which of the following is the default value of the overflow property?
A. visible
B. hidden
C. scroll
D. auto
Question 94:
Which of the following CSS properties can be used to create a drop shadow effect?
A. text-shadow
B. shadow-color
C. border-shadow
D. drop-shadow
Question 95:
Which property is used to specify a stack order for overlapping elements?
A. z-index
B. stacking-order
C. position
D. layer-order
Question 96:
Which of the following CSS properties is used to control the flow of text in relation to floated elements?
A. clear
B. float-clear
C. flow
D. overflow
Question 97:
Which of the following CSS pseudo-classes is used to apply styles to an element when it is being activated (e.g., when clicked)?
A. :click
B. :active
C. :visited
D. :focus
Question 98:
What is the purpose of the max-width property in CSS?
A. It sets the maximum width of an element
B. It sets the maximum width of an element’s content
C. It sets the minimum width of an element
D. It ensures the width of an element is fixed
Question 99:
Which CSS property is used to change the shape of a cursor?
A. cursor
B. pointer
C. icon
D. hover
Question 100:
Which property is used to align text inside a block element?
A. vertical-align
B. align-items
C. text-align
D. justify-content
«
1
2
3
4
5
6
7
8
9
10
»
Showing 51-100 of 500 questions
