NEW
Font size
WorksheetsGEN ИНФО 5-АЙ 3-АПТА
Total questions: 30
Worksheet time: 15mins
Сыртқы арақашықтықты беруге көмектесетін қасиет
padding
border
margin
width
Блоктың радиусын (бұрыштарын дөңгелектеу) білдіретін CSS қасиеті
border-radius
margin-radius
box-radius
corner-radius
padding: 30px 50px; мәндері қалай жұмыс жасайды?
30px – оң жақ пен жоғары, 50px – оң жақ пен төмен
30px – сол жақ пен жоғары, 50px – сол жақ пен төмен
30px – оң жақ пен сол жақ, 50px – жоғары мен төмен
30px – жоғары мен төмен, 50px – оң жақ пен сол жақ
Қай CSS қасиеті элементтің мөлдірлік (прозрачность) деңгейін реттейді?
visibility
opacity
display
transparency
CSS тілінде background-image қасиетін дұрыс қолдану синтаксисі қайсы?
background: image("photo.jpg");
background-image = "photo.jpg";
background-image: url("photo.jpg");
background: image-url("photo.jpg");
Бетте орналасқан ақпаратты форматтаудың ең қуатты құралы:
display
margin
float
position
position қасиетінің мән параметрлеріне жатпайтын нұсқа:
absolute
relative
fixed
center
Элементтің тұрақты позициясын анықтайтын мән параметрі:
absolute
static
fixed
center
float қасиетінің негізгі мақсаты қандай?
Элементті оңға немесе солға жылжыту
Элементті беттен жасыру
Элементтің мөлдірлігін өзгерту
Элементтің шекарасын дөңгелектеу
margin-left: 100px; жазбасы элементке қандай әсер етеді?
Элементтің енi 100 пиксельге артады
Элементтің сол жағынан 100 пиксель ішкі бос орын қосады
Элементтің сол жағынан 100 пиксель сыртқы бос орын қосады
Элементті 100 пиксельге жоғарыға жылжытады
Элементтің ішкі бос орны (контент пен шекара арасы) реттейтін қасиет:
margin
border
padding
gap
Элементтің ені мен биіктігін анықтайтын CSS қасиеттері қайсы?
height және weight
width және height
size және height
height және length
margin: 10px 20px; мәндері нені білдіреді?
10px - барлық жаққа, 20px – қосымша
10px – үсті мен асты, 20px – сол мен оң
10px – тек үсті, 20px – тек асты
10px – оң жағы, 20px – сол жағы
Элементтің фонына түс беру үшін қандай қасиет қолданылады?
color
background
border
fill
display: none; деген не істейді?
Элементті мөлдір етеді
Элементті көрсетеді
Элементті жасырады
Элементті үлкейтеді
border: 1px solid black; жазбасы нені білдіреді?
Қара фон
Қара мәтін
1 пиксельдік қара шекара
Қара түсті шрифт
Элементті flexbox етіп орнату үшін қандай қасиет қолданылады?
display: block
display: inline-block
display: flex
flex-direction: row
Flexbox-те басты ось бойымен туралау үшін қандай қасиет керек?
align-items
justify-content
flex-grow
position
text-align: center; деген не істейді?
Мәтінді солға жібереді
Мәтінді оңға жібереді
Мәтінді ортаға қояды
Мәтінді жасырады
z-index қасиетінің мақсаты:
Элементтің мөлдірлігін арттыру
Элементтің өлшемін өзгерту
Қабаттасу ретін басқару
Құрал-саймандар панелін ашу
overflow: hidden; не істейді?
Артық контентті жасырады
Контентті үлкейтеді
Контентті азайтады
Контентті көшіреді
Сілтеменің сыртқы көрінісін өзгерту үшін қай селектор қолданылады?
a:hover
div:hover
button:click
link:active
CSS қасиеттерін сыртқы файл арқылы қосу үшін қандай тег керек?
<css>
<style>
<link>
<script>
box-shadow қасиетінің мақсаты:
Шекара қою
Жылжыту
Көлеңке қосу
Мөлдірлікті өзгерту
Қайсысы дұрыс CSS түс көрсету форматы?
color: rgb(255 0 0)
color: red
color: #12345678
color: rgba(100%)
CSS-те анимация бастау үшін қандай қасиет қолданылады?
animation
transform
transition
rotate
visibility: hidden; пен display: none; айырмашылығы неде?
Екеуі бірдей
visibility элементті жасырады, бірақ орнын сақтайды
display мөлдір етеді
visibility тек фонды жасырады
position: relative; не істейді?
Элементті абсолютті түрде бекітеді
Элементті сол күйінде қалдырады
Элементті өзінің бастапқы орнына қатысты жылжытады
Элементті жояды
Қай қасиет элементтің анимациялық өтпелілігін анықтайды?
transform
duration
transition
animation-delay
Flexbox бағытын тігинен беру үшін:
flex-direction: row
flex-direction: column
align-items: center
justify-content: space-between
