41. CSS Cascade nima?#
Savol#
CSS Cascade nima?
Javob#
Cascade — bir elementga bir nechta style berilganda qaysi biri ishlashini aniqlovchi algoritm.
Priority:
- !important
- Inline Style
- ID
- Class
- Element
- Universal
- Browser Default
42. CSS Inheritance nima?#
Savol#
Inheritance nima?
Javob#
Ba'zi propertylar parentdan childga o'tadi.
Misollar
✅ color
✅ font-family
✅ font-size
✅ line-height
O'tmaydiganlar
❌ margin
❌ padding
❌ border
❌ width
❌ height
43. Initial qiymat nima?#
Savol#
initial nima?
Javob#
Propertyni browser default qiymatiga qaytaradi.
color: initial;
44. inherit nima?#
Savol#
inherit nima?
Javob#
Parent qiymatini oladi.
color: inherit;
45. unset nima?#
Savol#
unset nima?
Javob#
Inherited property bo'lsa inherit.
Bo'lmasa initial.
46. revert nima?#
Savol#
revert nima?
Javob#
Browser yoki User Agent stylega qaytaradi.
47. CurrentColor nima?#
Savol#
currentColor nima?
Javob#
Elementning color qiymatini ishlatadi.
border:2px solid currentColor;
48. Opacity nima?#
Savol#
opacity nima?
Javob#
Element shaffofligini belgilaydi.
opacity:.5;
0
↓
1
49. RGB va HEX farqi#
Savol#
HEX va RGB farqi?
Javob#
HEX
#2563eb
RGB
rgb(37,99,235)
RGBA
rgba(37,99,235,.5)
50. HSL nima?#
Savol#
HSL nima?
Javob#
Hue
Saturation
Lightness
hsl(220 90% 56%)
51. Object-fit nima?#
Savol#
object-fit nima?
Javob#
Rasm qanday joylashishini belgilaydi.
cover
contain
fill
none
scale-down
52. Object-position#
Savol#
object-position nima?
Javob#
Rasmning joylashuvini belgilaydi.
object-position:center;
53. Background-size#
Savol#
Background-size qiymatlari?
Javob#
cover
contain
100%
auto
54. Background-position#
Savol#
Background-position nima?
Javob#
Fon rasmini joylashtiradi.
center
top
left
right
bottom
55. Background-repeat#
Savol#
Repeat turlari?
Javob#
repeat
no-repeat
repeat-x
repeat-y
space
round
56. Cursor#
Savol#
Cursor property nima?
Javob#
Mouse ko'rinishini o'zgartiradi.
pointer
grab
not-allowed
wait
text
move
57. Pointer Events#
Savol#
pointer-events:none nima?
Javob#
Element klikni qabul qilmaydi.
58. User Select#
Savol#
user-select nima?
Javob#
Matn tanlanishini boshqaradi.
user-select:none;
59. White-space#
Savol#
White-space nima?
Javob#
Matnning bo'shliqlarini boshqaradi.
nowrap
normal
pre
pre-wrap
60. Text-overflow#
Savol#
Ellipsis qanday qilinadi?
Javob#
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
61. Word-break#
Savol#
Word-break nima?
Javob#
Uzun so'zlarni bo'lish.
break-word
break-all
keep-all
62. Aspect Ratio#
Savol#
Aspect-ratio nima?
Javob#
Element nisbatini saqlaydi.
aspect-ratio:16/9;
63. Clamp()#
Savol#
Clamp nima?
Javob#
Responsive qiymatlar.
font-size:clamp(16px,2vw,28px);
64. Min()#
Savol#
min() nima?
Javob#
Kichik qiymatni oladi.
width:min(100%,500px);
65. Max()#
Savol#
max() nima?
Javob#
Katta qiymatni oladi.
66. Calc()#
Savol#
calc() nima?
Javob#
Hisob-kitob qiladi.
width:calc(100% - 40px);
67. CSS Nesting#
Savol#
CSS Nesting nima?
Javob#
Ichma-ich selector yozish imkoniyati.
.card{
& h2{
}
}
68. :is()#
Savol#
:is() nima?
Javob#
Bir nechta selectorga style berish.
:is(h1,h2,h3){
}
69. :where()#
Savol#
:is va :where farqi?
Javob#
:is()
Specificity saqlaydi.
:where()
Specificity = 0.
70. :has()#
Savol#
:has() nima?
Javob#
Parent selector.
.card:has(img){
}
71. CSS Variables Scope#
Savol#
Variable scope qanday ishlaydi?
Javob#
:root{
--primary:red;
}
Global bo'ladi.
72. Container Queries#
Savol#
Container Query nima?
Javob#
Viewport emas,
Container o'lchamiga qarab style beradi.
73. Scroll Snap#
Savol#
Scroll Snap nima?
Javob#
Scrollni elementlarga yopishtirib beradi.
74. Scroll Behavior#
Savol#
Smooth scroll qanday yoziladi?
Javob#
html{
scroll-behavior:smooth;
}
75. Backdrop Filter#
Savol#
Glassmorphism qanday qilinadi?
Javob#
backdrop-filter:blur(20px);
76. Mix Blend Mode#
Savol#
mix-blend-mode nima?
Javob#
Layerlarni aralashtiradi.
77. Isolation#
Savol#
Isolation nima?
Javob#
Stacking Context yaratadi.
78. Will-change#
Savol#
will-change nima?
Javob#
Browserni animatsiyaga tayyorlaydi.
will-change:transform;
79. GPU Acceleration#
Savol#
GPU ishlatish uchun nima qilish mumkin?
Javob#
Transform ishlatish.
transform:translateZ(0);
80. CSS Performance#
Savol#
Eng muhim Performance maslahatlari?
Javob#
✅ Transform ishlatish
✅ Opacity animatsiyasi
✅ Layout thrashingdan qochish
✅ Keraksiz repaint qilmaslik
✅ Deep selectorlardan qochish
✅ will-change ni faqat kerakli joyda ishlatish
✅ Critical CSS
✅ CSS minify
✅ Unused CSS ni olib tashlash
Keyingi bo'limlar#
- Advanced Flexbox (50+ savol)
- Advanced Grid (80+ savol)
- CSS Architecture (BEM, OOCSS, ITCSS)
- Browser Rendering Engine
- Paint, Composite, Reflow
- CSS Animations
- Modern CSS
- Tailwind CSS
- SCSS
- CSS Modules
- PostCSS
- 500+ Senior CSS Interview Questions
No comments yet.