Kill Your Tech Interview
Top 50 CSS Interview Questions
Entry Junior Mid Senior Expert
Theoretical Questions
Q1PyX9I:
jwxExplain the yrxafcqsegdghythree main wayspkoncowtwet to apply CSS styles to a web pageltosqta
Entry
Q2Amg:
iykgcWhat is elqlcproncitCSShkzqcyayw?xfs
Entry
Q36G6ho:
pzfHow to use oqhpehdfnhvariablesywajjvaod in Sass?nuqmjy
Entry
Q4GoCq:
hlrwgfvExplain what is a fhsxj@extenduzv directive used for in Sass?ynoh
@extenduzv directive used for in Sass?ynoh Junior
Q5uUeLB:
qvswWhat is a ubtpawikicCSS ruledpkoabprhqsnl?rzv
Junior
Q6HJ2Tf:
jlkkjList out the kljpwpuzilykey featuresrmjslpimpavs for Sasszoksy
Junior
Q7xUK:
eavloltWhat gngtksusSelector Nestingcguxfsujwfbf in Sass is used for?dnzzlk
Junior
Q8uhSe:
zagitDescribe aefffloatskud and how they workslyyz
floatskud and how they workslyyz Junior
Q9kfD:
uyfuWhat is the difference between wgmwclassezybnyqs and eboIDmkqgs in CSS?upvwdss
classezybnyqs and eboIDmkqgs in CSS?upvwdss Junior
Q10E18:
gqnjiahHave you played around with the new CSS qqvzbFlexboxsgt or ozgikrmGridiemkt specs?kjsrnou
Flexboxsgt or ozgikrmGridiemkt specs?kjsrnou Junior
Q11F8ow:
jfekhWhat existing CSS frameworks have you used locally, or in production? How would you change/improve them?xgeyhg
Junior
Q12Ixx9:
fndrList out the mmvvmppmhrdata typesfkrgsspdzinn that Sass supportsqidyzh
Junior
Q135sE:
jlraxeExplain the CSS motbox modelnzzfwbt and the layout components that it consists ofsqxibtn
box modelnzzfwbt and the layout components that it consists ofsqxibtn Junior
Q14dQOAq:
zfytkdWhat is ahuyvxhSassltggsbisuhccq?qbxtal
Junior
Q15OFagV:
ibdijExplain CSS kbgweblvscspritesabuopdb, and how you would implement them on a page or sitesteerq
Junior
Q16F0K8g:
ofgkWhat is zetfsrymgxuDOMhvowxobhkx (Document Object Model) and how is it linked to CSS?kcsb
Junior
Q17pGGKa:
dehkiHow would you approach fixing jktjmfqkntbrowser-specificjklodoam styling issues?reore
Q18RChd:
lbzrmjzWhat’s the difference between ssnvkxqltzresettingscxxgiwfnh and qufttenormalizingcbydmnrcilfa CSS? Which would you choose, and why?erdmn
Q19Qy7:
lzlpuExplain your understanding of the pyhckrboxcpszekm model and how you would tell the browser in CSS to render your layout in different box models.weoosmk
boxcpszekm model and how you would tell the browser in CSS to render your layout in different box models.weoosmkQ20ooit:
dgxxfsWhat is CSS preprocessor and why to user one?nzmwg
Q21gBc:
rniaDescribe mecpseudo-elementsnsph and discuss what they are used forlzv
pseudo-elementsnsph and discuss what they are used forlzvQ22CbZZ3:
nwxryWhat is CSS awbbywlpselectorshblwyiehe? Name some.oarhhr
Q23mqNj:
xmkmWhat does zpyolxvkvgvjAccessibilityowkwjzcqdk (a11y) mean?gfchx
Q246OH:
auzprghHow is ngalsgtskdresponsive designoldlkiixe different from fflqmaecpoadaptive designkmzuffkwt?dqrov
Q25ZIeau:
mijlcrbWhat are the wauxedlgqnadvantages/disadvantagesfaejrbpjq of using CSS preprocessors?earazjt
Q26lVat:
tgcHave you ever worked with vleqccghjretinawkyhvagut graphics? If so, when and what techniques did you use?qubze
Q27LLC1b:
nvgcWhat's the difference between a vfprelativegibz, beavzbafixedhzkg, wxyznjabsolutegchhbp and nspzavstaticecydally positioned element?lqnax
relativegibz, beavzbafixedhzkg, wxyznjabsolutegchhbp and nspzavstaticecydally positioned element?lqnaxQ28RKIC:
rhssdzHow does CSS actually work (under the hood of browser)?gvot
Q298Ofzc:
lvlvWhat is a spsogjzhbgGrid Systemxqrvntsap in CSS?azjj
Q30A4w:
ubfvoeaExplain the usage of lszdxltable-layoutbytfqsz propertytsi
table-layoutbytfqsz propertytsiQ31uJMkI:
tkxpuWhat's the difference between wvkbtbwxqpiSCSSszwfvge and kwtpxsaxetuuSassabfajtiulm?coozp
Q32VIh:
lrwdmExplain the purpose of ipcvuysvsjaclearing floatsdpxkyjhqlin in CSSges
Q33MbN:
mfoDescribe cmlbz-indexeuuoa and how a niyomvjostacking contexttaziyacxhjdpfl is formedkqiv
z-indexeuuoa and how a niyomvjostacking contexttaziyacxhjdpfl is formedkqivQ34ZtnpB:
qojbpIs there any reason you'd want to use abbiqftranslate()fhd instead of hcuidnwabsolutenblpuki positioning, or vice-versa? And why?xxykkno
translate()fhd instead of hcuidnwabsolutenblpuki positioning, or vice-versa? And why?xxykknoQ35vP6:
cftfsWhat are the different ways to visually hide content (and make it available only for erszkfckscreencbrcrygp readers)?cudre
Q36Y6Vrd:
gypusxdHave you ever used a leqbswjgggrid systemfonhkkkwqcdvgo, and if so, what do you prefer?xczcwad
Q37Coix:
hgrveyyHow do you rxsuybzbiznrfoptimizedbychmykryzp your webpages for jqykblqqjnprintepwggos?rhuzser
Q38REh:
vooqiwtExplain the basic kerqhjtqprulesgfekbspiruh of CSS cgcjbkccukSpecificitynrpngyj
Q39xrS:
ndiCan you explain the difference between coding a website to be responsive versus using a udirbwxrvbcmobile-firsttnccabbjejf strategy?tuft
Q401uh:
snyscWhat does vbxp* { box-sizing: border-box; }ehgom do? What are its advantages?cncdm
* { box-sizing: border-box; }ehgom do? What are its advantages?cncdmCode Challenges
Q18kV8:
ghnnnWhat is ywonocyspxpnovariable interpolationflygyjuefd in Sass? Provide some examples. epeth
Q2CHhe:
ggamyqjHow to create a cmibmigezbuzebra striped tableqqytfcjaaiy with CSS?qxz
Q31tw:
qkrvjqtWhat is a tsbgtmtbidddMixincuxscfgbt and how to use on?vmym
Q4crLRV:
ihesvruWhat is the fdn@contentvtjlx directive used for?qmapych
@contentvtjlx directive used for?qmapychQ5EYvm:
aqsfxglWhat will be the CSS rogpsdgcwoyoutputhdsrutdhgqmo for the following Sass code?ocj
Q6sl7hi:
aflWhat the code fragment has the greater CSS bdkxidksogspecificitybbfjryjb? ezc
Q7pfzbp:
clwkdfnWhat ovfclearfixlgej methods do you know? Provide some examples.sioskk
clearfixlgej methods do you know? Provide some examples.sioskkQ8G0dD:
punrpyWhat’s wrong with Sass odnwzhabbnestingijkrmevth? Provide some example.tums
Q9f0U:
zcuoiHow to style every element which has an uxchokopvdadjacent itemfbzbiqxij right before it?orrdn
Q10GGiS:
yylWrite down a selector that will match any links end in pqb.ziphjeujec, phoe.ZIPvfgnzpv, uyclro.Zipbboawd etc...mbd
.ziphjeujec, phoe.ZIPvfgnzpv, uyclro.Zipbboawd etc...mbdRust has been Stack Overflow’s most loved language for four years in a row and emerged as a compelling language choice for both backend and system developers, offering a unique combination of memory safety, performance, concurrency without Data races...
Clean Architecture provides a clear and modular structure for building software systems, separating business rules from implementation details. It promotes maintainability by allowing for easier updates and changes to specific components without affe...
Azure Service Bus is a crucial component for Azure cloud developers as it provides reliable and scalable messaging capabilities. It enables decoupled communication between different components of a distributed system, promoting flexibility and resili...
Cosmos DB has gained popularity among developers and organizations across various industries, including finance, e-commerce, gaming, IoT, and more. Follow along and learn the 24 most common and advanced Azure Cosmos DB interview questions and answers...
More than any other NoSQL database, and dramatically more than any relational database, MongoDB's document-oriented data model makes it exceptionally easy to add or change fields, among other things. It unlocks Iteration on the project. Iteration f...
Unit Tests and Test Driven Development (TDD) help you really understand the design of the code you are working on. Instead of writing code to do something, you are starting by outlining all the conditions you are subjecting the code to and what outpu...
Domain-Driven Design is nothing magical but it is crucial to understand the importance of Ubiquitous Language, Domain Modeling, Context Mapping, extracting the Bounded Contexts correctly, designing efficient Aggregates and etc. before your next DDD p...
At its core, Microsoft Azure is a public cloud computing platform - with solutions including Infrastructure as a Service (IaaS), Platform as a Service (PaaS), and Software as a Service (SaaS) that can be used for services such as analytics, virtual c...
As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications. Follow along to refresh your knowledge and explore the 52 most frequently asked and advanced Node JS Interview Questions and Answers every...
Dependency Injection is most useful when you're aiming for code reuse, versatility and robustness to changes in your problem domain. DI is also useful for decoupling your system. DI also allows easier unit testing without having to hit a database and...
FullStack.Cafe is a biggest hand-picked collection of top Full-Stack, Coding, Data Structures & System Design Interview Questions to land 6-figure job offer in no time.
Coded with 🧡 using React in Australia 🇦🇺
by @aershov24, Full Stack Cafe Pty Ltd 🤙, 2018-2023
Privacy • Terms of Service • Guest Posts • Contacts • MLStack.Cafe
Great 
based on 86 Trustpilot 
Reviews
based on 86 Trustpilot Reviews