Intermediate CSS Interview Preparation Structure
Level Type
Intermediate Layouts, positioning, pseudo-classes, flexbox, media queries
Ans:
Every HTML element is a box composed of:
Content → Padding → Border → Margin
2. What is the default position of elements in CSS?
Ans.
By default, most elements have
position: static;3. What is the difference between
relative, absolute, and fixed position?Ans.
relative: Positioned relative to its normal positionabsolute: Positioned relative to the nearest positioned ancestorfixed: Positioned relative to the viewport
4. How to make a div center horizontally?
Ans.
margin: 0 auto;
5. How to hide an element using CSS?
Ans.
display: none;
6. How do you make a website responsive with CSS?
Ans.
Using media queries:
@media (max-width: 768px) {
body {
background-color: lightgray;
}
}
7. What is
z-index in CSS?Ans.
It defines the stack order of elements. Higher
z-index appears on top.8. How do you create a hover effect?
Ans.
button:hover {
background-color: red;
}
9. How to apply a font from Google Fonts?
Ans.
in html file
html
<link href="https://fonts.googleapis.com/css2?family=Roboto" rel="stylesheet">
in css file
css
body {
font-family: 'Roboto', sans-serif;
}
10. What are pseudo-classes?
Ans.
They style elements based on their state:
:hover, :focus, :first-child, :last-child, etc.
Comments
Post a Comment