Font size
WorksheetsВопросы по CSS (на казахском языке)
Total questions: 95
Worksheet time: 48mins
CSS дегеніміз не?
Бағдарламалау тілі
Белгілеу тілі
Стильдер тілі
Серверлік тіл
CSS қандай файлмен жазылады?
.html
.js
.css
.json
CSS HTML-ге қалай әсер етеді?
Логика қосады
Мәлімет сақтайды
Сыртқы көріністі өзгертеді
Сервермен байланыстырады
CSS ережесі неден тұрады?
Тег пен атрибут
Селектор мен декларация
Функция мен айнымалы
Класс пен объект
CSS декларациясы неден тұрады?
Қасиет пен мән
Селектор мен тег
Класс пен id
Файл мен стиль
CSS селекторлары не үшін керек?
Кодты қысқарту үшін
Элементті таңдау үшін
Файлды қосу үшін
Анимация үшін
Барлық элементтерді таңдайтын селектор?
body
html
*
all
Класс селекторы қалай жазылады?
.class
class:
@class
#class
What is 2 + 2?
3
4
5
6
The capital of France is ____.
Paris
London
Berlin
Rome
Текст түсін қай қасиет өзгертеді?
background
font
color
fill
Фон түсін беру үшін?
color
background-color
bg
fill
HEX түс форматы қалай жазылады?
rgb(0,0,0)
hsl(0,0,0)
#000000
black()
RGB нені білдіреді?
Red Green Blue
Random Gradient Blur
Right Grid Box
Render Graphic Base
HSL нені білдіреді?
High Style Level
Hue Saturation Lightness
HTML Style Link
Host Server Load
Қаріп орнату қасиеті?
font-style
font-weight
font-family
font-size
Қаріп өлшемін өзгерту?
font-family
font-weight
font-size
font-style
23. Қалың мәтін жасау?
font-style
font-weight
text-transform
line-height
Курсив мәтін жасау?
font-weight: italic
font-style: italic
text-style: italic
style: italic
25. Жол арақашықтығы?
letter-spacing
word-spacing
line-height
text-indent
Box model құрамына не кіреді?
content, padding, border, margin
width, height
color, font
flex, grid
Padding деген не?
Сыртқы бос орын
Ішкі бос орын
Шекара
Көлеңке
Margin деген не?
Ішкі бос орын
Контент
Сыртқы бос орын
Шекара
29. Border деген не?
Фон
Рамка
Көлеңке
box-sizing: border-box не істейді?
Margin-ді алып тастайды
Padding пен border-ді width-ке қосады
Элементті жасырады
Flex қосады
Блок элементке қайсы жатады?
span
a
div
img
Inline элементке қайсы жатады?
div
section
span
article
33. display: none не істейді?
Элементті мөлдір етеді
Орын сақтайды
Толығымен алып тастайды
Тек көрінбейді
visibility: hidden айырмашылығы?
Орын сақтайды
Толық жояды
HTML-ден өшіреді
Layout бұзады
Position әдепкі мәні?
relative
absolute
static
fixed
relative не үшін қолданылады?
Орын бекіту
Absolute үшін база болу
Экранға байлау
Жасыру
absolute кімге қатысты орналасады?
Экранға
Body-ге
Ең жақын relative ата-анаға
HTML-ге
fixed позициясы неге байланысты?
Ата-анаға
Контентке
Viewport-қа
Grid-ке
Қабаттардың ретін не анықтайды?
display
z-index
position
overflow
Flexbox қалай қосылады?
display: block
display: grid
display: flex
flex: on
Flex-тің негізгі бағыты әдепкіде?
column
row
center
reverse
Негізгі ось бойынша туралау?
align-items
justify-content
align-content
place-items
Қосалқы ось бойынша туралау?
justify-content
align-items
text-align
gap
Flex элементтерін жаңа жолға көшіру?
flex-direction
flex-wrap
flex-flow
flex-grow
Grid қалай қосылады?
display: flex
display: block
display: grid
grid: on
Grid бағандарын анықтау?
grid-template-rows
grid-template-columns
grid-columns
column-template
fr бірлігі нені білдіреді?
Пиксель
Пайыз
Бос кеңістік үлесі
Қаріп өлшемі
Media query не үшін керек?
Анимация үшін
Адаптивті дизайн үшін
Логика үшін
Сервер үшін
Media query қалай басталады?
@style
@screen
@media
@responsive
max-width не істейді?
Минимум ен
Максимум ен
Биіктік
Margin
rem бірлігі неге тәуелді?
Тамырлық (root) элементтің қаріп өлшеміне
Беттегі барлық элементтердің өлшеміне
Пайдаланушының экран өлшеміне
CSS файлындағы стиль санына
em бірлігі неге тәуелді?
html
ата-ана элементке
экранға
px-ке
Hover эффект қай псевдокласс?
:active
:focus
:hover
::hover
Псевдоэлемент қайсы?
:hover
:focus
::before
:active
content қасиеті қайда қолданылады?
Қадiмгi элементте
Псевдоэлементте
Body-де
Script-та
overflow: hidden не істейді?
Скролл қосады
Контентті жасырады
Элементті жояды
Height арттырады
overflow: scroll не істейді?
Жасырады
Авто
Скролл көрсетеді
Жояды
border-radius не үшін?
(a)
box-shadow не үшін?
Текст
Шекара
Көлеңке
Фон
60. text-shadow не үшін?
Блокқа
Контентке
Мәтінге
Фонға
cursor: pointer нені білдіреді?
Текст
Қол белгісі
Стрелка
Тыйым
opacity мәні қандай диапазонда?
0–10
0–100
0–1
1–10
display: inline-block деген не?
Тек inline
Тек block
Екеуінің қасиеті
Grid
list-style: none не істейді?
Тізімді жояды
Маркерді алып тастайды
Padding қосады
Текстті жояды
text-align не үшін?
Вертикалды
Горизонталды туралау
text-transform не істейді?
Өлшем
Әріп түрі
Бас/кіші әріп
Түс
uppercase нені білдіреді?
кіші әріп
бас әріп
бірінші әріп
өзгеріс жоқ
first-child не үшін?
Соңғы элемент
Бірінші элемент
Барлық элемент
Тек класс
CSS айнымалысы қалай жазылады?
$var
@var
var
var
CSS айнымалысын қолдану?
value()
var()
get()
use()
71. :root деген не?
Body
Html
Барлық элемент
Сервер
Transition не үшін?
Күрделі анимация
Бірқалыпты өзгеріс
Layout
Animation transition-нан айырмашылығы?
Бір күй
Көп кадр
Тек hover
Тек color
74. @keyframes не үшін?
Media query
Анимация
Grid
Flex
75. position: sticky қалай жұмыс істейді?
Absolute сияқты
Fixed сияқты
Scroll кезінде жабысады
Жұмыс істемейді
CSS модуль деген не?
Файл түрі
Scoped стиль
Framework
Сервер
CSS specificity деген не?
Қателер
Басымдық есептеу
Анимация
Grid жүйе
Қайсы specificity жоғары?
Тег
Класс
ID
*
Атрибут селекторы қалай жазылады?
.attr
#attr
[attr]
@attr
input[type="text"] бұл не?
Класс
ID
Атрибут селекторы
Псевдоэлемент
81. :focus қашан іске қосылады?
Hover
Click
Фокус түскенде
Load кезінде
82. :active қашан?
Тінтуір үстінде
Басың тұрған кезде
Фокус
Load
object-fit не үшін?
Фон
Image өлшемі
Видео
Image/Video бейімдеу
background-size: cover не істейді?
Созады
Қиып толтырады
Қайталап қояды
Жасырады
background-repeat: no-repeat не үшін?
Қайталайды
Бір рет көрсетеді
Жасырады
Stretch
CSS reset не үшін?
Қателер
Browser default жою
Grid
Flex
Normalize.css мақсаты?
Барлығын жою
Барлық браузерді теңестіру
Анимация
Framework
CSS preprocessor қайсы?
React
Sass
Tailwind
Bootstrap
CSS postprocessor қайсы?
Sass
Less
PostCSS
SCSS
Tailwind CSS деген не?
JS framework
Utility-first CSS framework
Backend tool
Preprocessor
91. @import не үшін?
JS қосу
CSS файл қосу
HTML қосу
Image
@font-face не үшін?
Түс
Custom font
Анимация
Grid
calc() не үшін?
Анимация
Математикалық есеп
Grid
Color
vh нені білдіреді?
Viewport биіктігі
Виртуалды хост
Векторлық графика
Веб-хостинг
vw нені білдіреді?
Viewport width
Font width
Window width
Wrapper width
CSS logical properties не үшін?
RTL/LTR қолдау
Анимация
Grid
Color
writing-mode не үшін?
Түс
Мәтін бағыты
Шрифт
Size
user-select: none не істейді?
Hover
Текст таңдатпайды
Жасырады
Өшіреді
CSS қай жерде орындалады?
Серверде
Node.js
Браузерде
Database
MDN деген не?
Framework
Browser
Ресми веб-документация
IDE
