89 câu hỏi phỏng vấn CSS có đáp án

Tổng hợp 89 câu hỏi phỏng vấn CSS kèm đáp án chi tiết, song ngữ Việt–Anh — sắp xếp từ cơ bản đến nâng cao. Ôn luyện miễn phí, tự động lưu tiến độ.

Tất cả câu hỏi phỏng vấn CSS

Cascade trong CSS nghĩa là gì?
Specificity trong CSS được tính thế nào?
Inheritance trong CSS là gì?
Đơn vị px, em, rem, %, vw, vh khác nhau?
!important dùng khi nào? Tại sao nên tránh?
Pseudo-class và pseudo-element khác nhau?
:has() selector là gì?
Combinator selectors (>, +, ~, space) khác nhau?
:is(), :where(), :not() khác nhau?
Box model gồm những gì?
box-sizing: content-box vs border-box?
Margin collapsing là gì?
display: none, visibility: hidden, opacity: 0 khác nhau?
Position property có những giá trị nào?
Position sticky hoạt động thế nào?
Z-index hoạt động thế nào?
Stacking context là gì?
Flexbox là gì? Khi nào nên dùng?
justify-content và align-items khác nhau?
flex-grow, flex-shrink, flex-basis là gì?
flex-wrap hoạt động thế nào?
Gap property trong Flexbox là gì?
Làm thế nào để center cả horizontal và vertical bằng Flexbox?
CSS Grid là gì? Khác Flexbox thế nào?
fr unit là gì?
grid-template-columns và grid-template-rows hoạt động thế nào?
auto-fit và auto-fill khác nhau?
minmax() function dùng để làm gì?
Grid template areas là gì?
Subgrid là gì?
Grid placement (grid-column, grid-row) hoạt động thế nào?
Responsive design là gì?
Mobile-first approach là gì?
Media queries dùng như thế nào?
clamp() function dùng để làm gì?
Container queries là gì?
Responsive images (srcset, sizes) hoạt động thế nào?
@keyframes hoạt động thế nào?
will-change property dùng để làm gì?
Tại sao transform/opacity animate mượt hơn top/left?
Reflow và repaint là gì?
CSS Custom Properties (biến CSS) là gì?
CSS Custom Properties khác SASS variables thế nào?
CSS logical properties là gì?
scroll-snap CSS là gì?
Color spaces mới trong CSS (oklch, lab) là gì?
CSS Nesting native hoạt động thế nào?
@layer (Cascade Layers) là gì?
BEM (Block Element Modifier) là gì?
Utility-first CSS (Tailwind) là gì?
CSS Modules là gì?
CSS-in-JS là gì? Ưu nhược điểm?
Critical CSS là gì?
font-display property có những giá trị nào?
Layout thrashing là gì? Cách tránh?
Backdrop-filter dùng để làm gì?
Scroll-driven animations là gì?
CSS Anchor Positioning là gì?
@property rule dùng để làm gì?
CSS View Transitions API là gì?
Popover API và CSS liên quan là gì?
Tại sao nên dùng CSS Grid cho page layout thay vì float/position?
Text truncation (ellipsis) thực hiện thế nào?
Variable fonts là gì?
prefers-reduced-motion media query dùng khi nào?
prefers-color-scheme media query là gì?
picture element và source dùng thế nào?
Fluid typography công thức thế nào?
Design tokens là gì?
content-visibility: auto là gì?
box-shadow vs filter: drop-shadow() khác nhau?
Breakpoints nên đặt theo thiết bị hay theo content?
Composite layers trong browser là gì?
CSS math functions (calc, min, max, clamp) khác nhau?
:focus-visible vs :focus khác nhau?
color-mix() function dùng để làm gì?
Tại sao oklch tốt hơn hsl cho design systems?
Cách tối ưu Cumulative Layout Shift (CLS)?
Khi nào nên dùng CSS-in-JS vs CSS Modules vs Tailwind?
Dark mode implementation best practices?
touch-action property dùng để làm gì?
Container queries so với media queries - khi nào dùng gì?
Cách optimize Largest Contentful Paint (LCP) bằng CSS?
Cách giảm CSS bundle size?
Flexbox vs Grid. Khi nào dùng cái nào? Tại sao?
BFC (Block Formatting Context) là gì? Cách trigger BFC?
Margin collapsing trong CSS. Tại sao margin: 20px cộng với margin: 30px không bằng 50px?
CSS Grid template areas. Làm sao layout dashboard responsive mà không thay đổi HTML?
Stacking context trong CSS. Tại sao z-index không work?

Đang tải…

89 câu hỏi phỏng vấn CSS có đáp án

Tổng hợp 89 câu hỏi phỏng vấn CSS kèm đáp án chi tiết, song ngữ Việt–Anh — sắp xếp từ cơ bản đến nâng cao. Ôn luyện miễn phí, tự động lưu tiến độ.

Tất cả câu hỏi phỏng vấn CSS

Cascade trong CSS nghĩa là gì?
Specificity trong CSS được tính thế nào?
Inheritance trong CSS là gì?
Đơn vị px, em, rem, %, vw, vh khác nhau?
!important dùng khi nào? Tại sao nên tránh?
Pseudo-class và pseudo-element khác nhau?
:has() selector là gì?
Combinator selectors (>, +, ~, space) khác nhau?
:is(), :where(), :not() khác nhau?
Box model gồm những gì?
box-sizing: content-box vs border-box?
Margin collapsing là gì?
display: none, visibility: hidden, opacity: 0 khác nhau?
Position property có những giá trị nào?
Position sticky hoạt động thế nào?
Z-index hoạt động thế nào?
Stacking context là gì?
Flexbox là gì? Khi nào nên dùng?
justify-content và align-items khác nhau?
flex-grow, flex-shrink, flex-basis là gì?
flex-wrap hoạt động thế nào?
Gap property trong Flexbox là gì?
Làm thế nào để center cả horizontal và vertical bằng Flexbox?
CSS Grid là gì? Khác Flexbox thế nào?
fr unit là gì?
grid-template-columns và grid-template-rows hoạt động thế nào?
auto-fit và auto-fill khác nhau?
minmax() function dùng để làm gì?
Grid template areas là gì?
Subgrid là gì?
Grid placement (grid-column, grid-row) hoạt động thế nào?
Responsive design là gì?
Mobile-first approach là gì?
Media queries dùng như thế nào?
clamp() function dùng để làm gì?
Container queries là gì?
Responsive images (srcset, sizes) hoạt động thế nào?
@keyframes hoạt động thế nào?
will-change property dùng để làm gì?
Tại sao transform/opacity animate mượt hơn top/left?
Reflow và repaint là gì?
CSS Custom Properties (biến CSS) là gì?
CSS Custom Properties khác SASS variables thế nào?
CSS logical properties là gì?
scroll-snap CSS là gì?
Color spaces mới trong CSS (oklch, lab) là gì?
CSS Nesting native hoạt động thế nào?
@layer (Cascade Layers) là gì?
BEM (Block Element Modifier) là gì?
Utility-first CSS (Tailwind) là gì?
CSS Modules là gì?
CSS-in-JS là gì? Ưu nhược điểm?
Critical CSS là gì?
font-display property có những giá trị nào?
Layout thrashing là gì? Cách tránh?
Backdrop-filter dùng để làm gì?
Scroll-driven animations là gì?
CSS Anchor Positioning là gì?
@property rule dùng để làm gì?
CSS View Transitions API là gì?
Popover API và CSS liên quan là gì?
Tại sao nên dùng CSS Grid cho page layout thay vì float/position?
Text truncation (ellipsis) thực hiện thế nào?
Variable fonts là gì?
prefers-reduced-motion media query dùng khi nào?
prefers-color-scheme media query là gì?
picture element và source dùng thế nào?
Fluid typography công thức thế nào?
Design tokens là gì?
content-visibility: auto là gì?
box-shadow vs filter: drop-shadow() khác nhau?
Breakpoints nên đặt theo thiết bị hay theo content?
Composite layers trong browser là gì?
CSS math functions (calc, min, max, clamp) khác nhau?
:focus-visible vs :focus khác nhau?
color-mix() function dùng để làm gì?
Tại sao oklch tốt hơn hsl cho design systems?
Cách tối ưu Cumulative Layout Shift (CLS)?
Khi nào nên dùng CSS-in-JS vs CSS Modules vs Tailwind?
Dark mode implementation best practices?
touch-action property dùng để làm gì?
Container queries so với media queries - khi nào dùng gì?
Cách optimize Largest Contentful Paint (LCP) bằng CSS?
Cách giảm CSS bundle size?
Flexbox vs Grid. Khi nào dùng cái nào? Tại sao?
BFC (Block Formatting Context) là gì? Cách trigger BFC?
Margin collapsing trong CSS. Tại sao margin: 20px cộng với margin: 30px không bằng 50px?
CSS Grid template areas. Làm sao layout dashboard responsive mà không thay đổi HTML?
Stacking context trong CSS. Tại sao z-index không work?