CSS тілінен тест

p.test {} – селекторы қайсыған қатысты?

HTML:

Test 1

Test 1

Test 1

Test 1

div тегінен басқасының барлығы

div және p id="test" тегінен басқасының барлығы

Ешқайсысы таңдалмайды

Тек test класы бар “a” тегі таңдалады

Тек test класы бар “p” тегі таңдалады +

Қасиет қай жерде дұрыс көрсетілген?

back-color: red;

background: #00;

bg: #fafafa;

background_color: white;

background: #fff;+

Курсорды мәтін жолағына қойған кезде қандай псевдокласс жұмыс істейді?

:hover

:active

:not(:disabled)

:visited

:focus+

color

background-clip

display

transition

background+

"Font-family"қасиеті қай жерде дұрыс жазылмаған?

font-family: serif;

font-family: "Gill Sans", sans-serif;

font-family: cursive;

font-family: Georgia, serif;

Барлық нұсқа дұрыс+

Төмендегі тег үшін селектор қай жерде дұрыс жазылған?

Text

* {}

div.test {}

.test {}

#test {}+

Қатесін тап?

Test 1

Test 2

Test 3

Test 4

“text-1” класының атауы дұрыс жазылмаған

"text-1" класын бірнеше тегтер үшін пайдалануға болмайды

Блок элементтері үшін id пайдалануға болмайды

"test" идентификаторы әртүрлі элементтерге берілді, бірақ оны қайталауға жол берілмейді +

Мәтін жолағында фон түсін орнату керек. Бұл үшін қандай стиль келеді?

 INPUT[type="textfield"] { background: #acdacc; }

 INPUT[type="textarea"] { background: #acdacc; }

 INPUT[type="textinput"] { background: #acdacc; }

 INPUT[type="text"] { background: #acdacc; }

 INPUT[type="texts"] { background: #acdacc; }

Сlass = "block" элементін қалай жазамыз?

 block

 *block

 .block +

 #block

CSS-тің дұрыс синтаксисі қайсы?

 {body:color=black;}

 {body;color:black;}

 body:color=black;

 body {color: black;} +

CSS-тің қандай қасиеті мәтін өлшемін анықтайды?

 font-size+

 text-size

 text-style

 font-style

Гиперсілтемелерден астын сызуды қалай алып тастаймыз?

 a {text-decoration:none;} +

 a {decoration:no-underline;}

 a {text-decoration:no-underline;}

 a {underline:none;}

CSS файлына комментарийді қалай енгізуге болады?

// комментарий

 ' комментарий

 /* комментарий */ +

комментарий --

Мәтіндегі жолдар арасындағы ара-қашықтық қасиеті:

line-height +

letter-spacing

text-align

text-decoration

text-transform

Мәтіннің горизонталь түзетілуі қасиетін белгіле

line-height

direction

text-align +

text-decoration

text-transform

Мәтін блогындағы бірінші жолдың шегінісін /абзац/ көрсетеді

text-indent +

unicode-bidi

word-spacing

text-decoration

text-transform

Фондық сурет парақша мәліметімен бірге қозғалу керек немесе керек емес екенін анықтайтын қасиет

background-color

background-position

background-attachment +

background-repeat

background-image

Position қасиетінің absolute мағынасы

бет коды ағынында көрсетілгендей, элементтерді жоғарыдан төмен қарай стандартты позициялау

элемент контейнердің шекарасына қатысты позицияланады +

элемент беттің ағымдағы жағдайына қатысты орналасқан

элемент браузер терезесіне қатысты орналасқан; басқаша айтқанда, ол тіркелген және айналдыру кезінде өз жағдайын өзгертпейді

Transition-delay мағынасын көрсет

бір стильдің екінші стильге анимацияланылуы

ауысу әсердің ұзақтығын анықтайды

өтпелі әсер қолданылатын қасиет атауларын көрсетуге арналған

өтпелі әсердің кідірісі, әр қасиет үшін әрқалай +

ауысу функциясының мәні

Трансформация кезіндегі масштабтау қасиеті:

transform: rotate()

transform: skew()

transform: translate()

transform: skale() +

transform-origin: right bottom

Оқиға бойынша анимацияны бастауға немесе тоқтатуға мүмкіндік беретін қасиет:

Animation-duration

Animation-timing-function

Animation-iteration-count

Animation-direction

Animation-play-state +

Негізгі кадрларды ойнатуды қайталауға жауап береді

Animation-duration

Animation-timing-function

Animation-iteration-count+

Animation-direction

Animation-play-state