WorksheetsCSS -2, 3, 4
Total questions: 37
Worksheet time: 19mins
CSS блоктық моделі қай элементтерден тұрады?
margin, border, padding, content
text, color, font, image
block, inline, flex, grid
class, id, selector, tag
padding дегеніміз не?
Элементтің ішкі шекарасы мен мазмұн арасындағы қашықтық
Элементтің сыртқы шеті
Элементтің биіктігі
Элементтің түсі
margin қасиеті нені басқарады?
Элементтің сыртқы шетін
Элементтің ішкі мазмұнын
Шрифт өлшемін
Сурет өлшемін
border қасиеті не үшін қолданылады?
Шекара сызу үшін
Түс өзгерту үшін
Қаріп өзгерту үшін
Аудио қосу үшін
border-width не істейді?
Шекара қалыңдығын орнатады
Фон түсін орнатады
Шекара түсін өзгертеді
Шекараны жояды
border-color қасиеті нені білдіреді?
Шекараның түсін орнатады
Шекараның енін орнатады
Мәтіннің түсін орнатады
Бет фонын өзгертеді
border-style қандай мәндер қабылдай алады?
solid, dotted, dashed, double, outset, inset, none
red, green, blue
left, right, top, bottom
font, size, align
border-style: solid; не істейді?
Тұтас сызық сызады
Нүктелі сызық сызады
Жасырын шекара
Қос сызық
border-style: dotted; мәні нені білдіреді?
Нүктелер арқылы сызылады
Қос сызық
Қалың шекара
Жасырын сызық
border-style: double; мәні:
Қос тұтас сызық сызады
Нүктелі сызық
Сызықсыз
Көлбеу шекара
border-style: none; дегеніміз:
Шекарасыз
Қосымша түс
Тек ішкі шекара
Қате жазылу
width қасиеті не үшін қажет?
Элементтің енін орнатады
Қаріптің өлшемін орнатады
Сурет түсін өзгертеді
Тақырып жасайды
height қасиеті нені білдіреді?
Элементтің биіктігін
Шекара қалыңдығын
Жол арақашықтығын
Қаріптің өлшемін
background-color не үшін қолданылады?
Элементтің фонын бояу үшін
Мәтінді курсивпен көрсету
Қаріп ауыстыру
Тақырып қою
background-image: url("...") не істейді?
Фон ретінде сурет орнатады
Суретті жояды
Фон түсін өзгертеді
Аудио қосады
list-style-type: decimal; қандай нәтиже береді?
Тізімді 1, 2, 3 деп белгілейді
Рим сандарымен
Әріптермен
Маркерсіз
list-style-type: lower-roman; не үшін қажет?
Тізімді i, ii, iii түрінде көрсету үшін
Қатар қою
Жол шегінісін орнату
Мәтінді өзгерту
list-style-type: upper-alpha; нәтижесі:
Тізімді A, B, C деп белгілейді
Шекара қосу
Қаріпті өзгерту
Түс орнату
list-style-type: circle; не істейді?
Белгілуді дөңгелекпен көрсетеді
Шаршы таңба
Санмен белгілеу
Қос сызық қою
list-style-type: square; нәтижесі:
Маркер ретінде квадрат таңба
Тізімсіз мәтін
Қара фон
Дыбыс белгілері
1. a:link дегеніміз не?
Пайдаланушы әлі баспаған сілтеме
Пайдаланушы басқан сілтеме
Сілтеме үстіндегі мәтін
Белсенді емес сілтеме
a:visited не білдіреді?
Бұрын ашылған сілтеме
Басылмаған сілтеме
Мәтін бөлігі
Сілтеме фоны
a:hover қандай күйді білдіреді?
Меңзер сілтеменің үстінде болған сәт
Сілтемені басқан кездегі сәт
Белсенді емес сілтеме
Сілтеменің ашылуы
a:active қандай жағдайда іске асады?
Сілтеме дәл қазір басылып жатқанда
Меңзер үстінде тұрғанада
Мәтін жазылып жатқанда
Сілтеме жүктелмегенде
padding: 10px 20px; қандай мән береді?
Жоғары/төмен 10px, оң/сол 20px шегініс
Барлық жағынан 20px
Тек төменнен 10px
Сыртқы шет 10px
6. border: 2px solid green; не істейді?
Жасыл түсті тұтас 2px шекара қосады
Қою сызықпен қоршайды
Шекараны жояды
Қою фон береді
text-align: center; не үшін қолданылады?
Мәтінді ортаға туралау
Мәтінді бас әріппен жазу
Сілтемені бұру
Фон түсін орнату
8. position: static; дегеніміз не?
Элемент құжат ағынымен орналасады
Элемент жоғарғы бұрышқа бекітіледі
Экранға бекітіледі
Элемент жойылады
9. position: relative; дегеніміз не?
Элемент бастапқы орнына қатысты жылжиды
Жоғары жағына бекітіледі
Сыртқы беттен бөлінеді
Құжат соңына кетеді
position: absolute; дегеніміз не?
Элемент ең жақын позицияланған ата-анасына қатысты орналасады
Элемент жоғарғы бетке бекітіледі
Құжатқа қатысты орналасады
Меңзер қозғалғанда жылжиды
Егер absolute ата-ана табылмаса, онда элемент неге қатысты орналасады?
Бүкіл бетке
Кестеге
Браузерге
Стильге
position: fixed; не үшін қолданылады?
Элемент экранда тұрақты тұру үшін
Элементті жасыру
Элементті жоғары қою
Элементті астына түсіру
fixed позициясы қандай артықшылық береді?
Элемент бетпен бірге жылжымайды
Элемент үстіне шығады
Элемент жоғалады
Элемент көрінбейді
background-color: green; не істейді?
Элементтің фонын жасыл етеді
Мәтінді жасыл етеді
Жасыл сурет қояды
Жасыл рамка береді
CSS көмегімен сілтемелерді қалай стильдеуге болады?
Псевдоселекторлар арқылы
HTML ғана
JavaScript арқылы
XML файлымен
margin: 15px; қандай әсер береді?
Тек төменнен 15px шегініс
Тек жоғарыдан 15px шегініс
Барлық жағынан 15px шегініс
Сыртқы шет 15px шегініс
display: flex; не үшін қолданылады?
Элементтерді жасыру үшін
Элементтерді икемді контейнерде орналастыру үшін
Элементтерді тек бір қатарда көрсету үшін
Элементтерді блок ретінде көрсету үшін
