CSS Interview Question
What is CSS?
Ans: CSS Full Meaning is Cascading Style Sheet. CSS describes how HTML
elements are to be displayed on screen, paper, or in other media CSS saves a lot
of work. It can control the layout of multiple web pages all at once. CSS make Full
Style on website.
Name Some CSS Framework?
Ans: CSS Most Popular Framework is Bootstrap. There is more like Tailwind, Ukit
Semantic UI, Gumby etc.
What are the elements of the CSS Box Model?
Ans: CSS box model talking about design and layout. Css box model make margin,
border, padding, content. The image below illustrates the box model.
Major Differences Between CSS, CSS2 & CSS3?
Ans: It used to be a problem to do a lot of work before CSS2, which is no longer
the case after CSS3. With CSS3, the designers can now use special fonts, like those
available in Google Fonts and Typecast. Earlier, with CSS and CSS2, designers
could only use “web-safe fonts” for being 100% sure to use fonts that would
always display the same on every machine.
How can CSS be integrated into an HTML page?
Ans: When we try to intregrated in html then we will implement this import
“./index.css”.
Explain a few advantages of CSS?
Ans: With CSS, different documents can be controlled using a single site, styles
can be grouped in complex situations using selectors and grouping methods, and
multiple HTML elements can have classes.
What is the difference between a class and an ID?
Ans:Class name uses by multiple HTML element. While and Id name uses by only
one html element one page.
Explain responsive Web Design?
Ans: Responsive Design is a web page creation approach that uses flexible images,
flexible layouts, and CSS media queries. This design approach aims to build web
pages that detect the orientation and screen size of the visitors so that the layout
can be changed accordingly.
What is VH/VW (viewport height/ viewport width) in CSS?
Ans: In CSS, vh stands for viewport height and vw for viewport width. As you can
see, the first unit is based on the viewport height, and 1vh is equivalent to 1% of
the viewport height. vw works the same, but for viewport width. So, 1vw equals
1% of the viewport width.
What is the grid system?
Ans: The CSS grid system is a type of powerful layout of 2 dimensional systems with
respect to columns and rows.This is most powerfull CSS element
What are the different ways to hide the element using CSS?
Ans: display: none; , visibility: hidden; position: absolute
Difference between CSS grid vs flexbox?
Ans: CSS grid layout two dimensional-system along with raw and column it used for
large size layout.
Flex box is a grid layout with a one dimensional system either withn row and column. It
used for the component of an application.
What does !important mean in CSS?
Ans: The style “!important” in the CSS has the highest precedence. Also, the
cascaded property will be overridden with it.
Name different ways to position some aspects in CSS?
Ans: The five different position values are fixed, static, absolute, sticky, and
relative. The elements are positioned using top, left, right, and bottom properties.
Flex-direction allows you to do what?
Ans: Defined the direction of how element are positioned based on either row
and column
