90+ CSS & CSS3 interview questions and answers

Spread the love

Here is the list of 90+ best CSS & CSS3 interview questions and answers for developers, designers, front end developers, freshers and experienced professionals.

Best CSS interview Questions:

What is CSS ?
What is the origin of CSS and founder ?
What is the latest version of CSS ?
What are the limitations of CSS ?
What are the advantages of CSS ?
What are CSS frameworks?
How block elements can be centered with CSS1?
Who maintains the CSS specifications?
In how many ways can a CSS be integrated as a web page?
What benefits and demerits do External Style Sheets have?
Discuss the merits and demerits of Embedded Style Sheets?
What does CSS selector mean? How it works ?
Describe Floats and how they work.?
What’s the difference between “resetting” and “normalizing” CSS? Which would you choose, and why?
Enlist the media types CSS allows?
Differentiate logical tags from physical tags?
While physical tags are also referred to as presentational mark-up, logical tags are useless for appearances.
Physical tags are newer versions while logical tags are old and concentrate on content.
Differentiate Style Sheet concept from HTML?
While HTML provides easy structure method, it lacks styling, unlike Style sheets. Moreover, style sheets have better browser capabilities and formatting options.
Describe ‘ruleset’?
Comment on the Case-sensitivity of CSS ?
What’s the difference between inline and inline-block?
What’s the difference between the “nth-of-type()” and “nth-child()” selectors?
What’s the difference between a relative, fixed, absolute and statically positioned element?
Define Declaration block?
Enlist the various fonts’ attributes?
Why is it easy to insert a file by importing it?
Describe BFC (Block Formatting Context) and how it works.
What are the various clearing techniques and which is appropriate for what context?
How would you approach fixing browser-specific styling issues?
What is the usage of Class selector?
Differentiate Class selector from ID selector?
Can more than one declaration be added in CSS?
What is Pseudo-elements ?
How to overrule underlining Hyperlinks?
What happens if 100% width is used along with floats all across the page?
Can default property value be restored through CSS? If yes, how?
Enlist the various Media types used?
What is CSS Box Model and what are its elements?
What does * { box-sizing: border-box; } do? What are its advantages?
What is contextual selector?
Compare RGB values with Hexadecimal color codes ?
Define Image sprites with context to CSS ?
Compare Grouping and Nesting in CSS ?
Define float property of CSS?
How does Z index function?
What is graceful degradation?
What is progressive enhancement?
How can backward compatibility be designed in CSS?
How can the gap under the image be removed?
Why is @import only at the top?
Which among the following is more precedent: CSS properties or HTML procedures?
What is Inline style CSS?
How comments can be added in CSS?
Define Attribute Selector ?
Define property?
What is the CSS display property and can you give a few examples of its use?
What is Alternate Style Sheet?
Are quotes mandatory in URL’s?
What is at-rule?
How can CSS be cascaded to mix with user’s personal sheet?
Describe z-index and how stacking context is formed.
How to minify css ?
How do you serve your pages for feature-constrained browsers?
What are the different ways to visually hide content (and make it available only for screen readers)?
Have you ever used a grid system, and if so, what do you prefer?
Have you used or implemented media queries or mobile specific layouts/CSS?
Are you familiar with styling SVG?
Can you give an example of an @media property other than screen?
What are some of the “gotchas” for writing efficient CSS?
What are the advantages/disadvantages of using CSS preprocessors?
Describe what you like and dislike about the CSS preprocessors you have used.
How would you implement a web design comp that uses non-standard fonts?
Explain how a browser determines what elements match a CSS selector.
Describe pseudo-elements and discuss what they are used for.
What existing CSS frameworks have you used locally, or in production? How would you change/improve them?
Have you played around with the new CSS Flexbox or Grid specs?
Can you explain the difference between coding a web site to be responsive versus using a mobile-first strategy?
Have you ever worked with retina graphics? If so, when and what techniques did you use?
Is there any reason you’d want to use translate() instead of absolute positioning, or vice-versa? And why?

CSS3 interview questions

What is CSS3 Flexbox?
What are some advantages to CSS3 animations over script-based animation?
What are the possible values of the “Position” attributes?
What are CSS3 Transitions?
What is the CSS3 animation?
Explain What are the values that can be taken by property white-space of CSS3?
Explain How flexibility is achieved more in CSS3?
What is the word wrap/word wrapping in CSS3?
What is the syntax of opacity in CSS3?
List out CSS3 modules?
What is the difference between CSS and CSS3 ?