Question 1

What is CSS and why is it used?

Accepted Answer

CSS (Cascading Style Sheets) is used to style HTML elements. It controls layout, colors, fonts, and responsiveness, separating design from structure.

Question 2

What are the different types of CSS?

Accepted Answer

CSS can be applied in three ways: Inline CSS (inside HTML elements), Internal CSS (inside

Question 3

What is the difference between relative, absolute, fixed, and sticky positioning in CSS?

Accepted Answer

Relative: Moves an element relative to its normal position. Absolute: Positioned relative to the nearest positioned ancestor. Fixed: Positioned relative to the viewport and doesn’t move on scroll. Sticky: Switches between relative and fixed depending on scroll position.

Question 4

What is the difference between inline, block, and inline-block elements?

Accepted Answer

Inline: Does not start on a new line (e.g., ). Block: Starts on a new line and takes full width (e.g.,

,

). Inline-block: Behaves like inline but allows setting width/height.

Question 5

What are pseudo-classes in CSS?

Accepted Answer

Pseudo-classes define the state of an element, like :hover, :first-child, :nth-child(), and :focus. Example: button:hover { background: blue; }

Frontend

JavaScript & Frameworks

Backend

Artificial Intelligence

Database

CSS Frameworks

Data Analytics

Digital Marketing

Frontend

Backend

Artificial Intelligence

DevOps

Database

Cyber Security

CSS Interview Questions & Answers

Basic Level Questions

CSS Interview Questions & Answers

Basic Level Questions

1. What is the box model in CSS?

2. What are the different ways to include CSS in a webpage?