wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS - Exam

Total questions: 33

Worksheet time: 37mins

Name
Class
Date
1.

  1. 1. CSS nə üçün istifadə olunur?

a)

A) Sayta məzmun əlavə etmək üçün

b)

B) Saytda məlumat saxlamaq üçün

c)

C) Saytın görünüşünü tənzimləmək üçün

d)

D) Saytda axtarış etmək üçün

2.

  1. 2. Aşağıdakılardan hansı CSS sintaksisidir?

a)

A) <h1> color: red; </h1>

b)

B) h1 { color: red; }

c)

C) {h1: color = red}

d)

D) color(h1: red);

3.

  1. 3. CSS faylını HTML-ə necə əlavə edirik?

a)

A) <script src="style.css">

b)

B) <css href="style.css">

c)

C) <style src="style.css">

d)

D)<link rel="stylesheet" href="style.css">

4.

  1. 4. margin nə edir?

a)

A) Elementin iç hissəsini doldurur

b)

B) Font ölçüsünü dəyişir

c)

C) Elementlə digər element arasında məsafə yaradır

d)

D) Mətni sağa çəkir

5.

  1. 5. Hansı dəyər position üçün düzgün deyil?

a)

A) Float

b)

B) Absolute

c)

C) Relative

d)

D) Static

6.

  1. 6. box-sizing: border-box; nə edir?

a)

A) Margin-i sıfırlayır

b)

B) Padding və border-i elementin ölçüsünə daxil edir

c)

C) Yalnız border-i elementin ölçüsünə daxil edir

d)

D) Elementin ölçüsünü 100% edir

7.

  1. 7. CSS-də em və rem vahidlərinin əsas fərqi nədir?  

a)

A)em parent font ölçüsünə əsaslanır, rem isə root font ölçüsünə

b)

B) rem parent font ölçüsünə əsaslanır, em isə root font ölçüsünə

c)

C) İkisində də font ölçüsünə təsir etmir

d)

D) em yalnız scss-də istifadə olunur

8.

8.CSS-də overflow: hidden; xüsusiyyəti hansı məqsədlə istifadə olunur?

a)

A) Elementləri yuxarı çəkmək üçün

b)

B) Səhifənin arxa fonunu dəyişdirmək üçün

c)

C) Elementin görünməsini təmin etmək üçün

d)

D) İçəridəki məzmunu gizlətmək üçün

9.

9.CSS-də flex-direction: column-reverse; xüsusiyyəti nə iş görür?

a)

A) Flex elementləri sola çəkir

b)

B) Flex elementləri sütun olaraq tərs sıralayır

c)

C) Flex elementləri sətir olaraq tərs sıralayır

d)

D) Bütün elementləri ortalayır

10.

10.  CSS-də position: fixed; xüsusiyyəti nə edir?  

a)

A) Elementi ekranın mərkəzinə yerləşdirir

b)

B) Elementi səhifənin bir hissəsinə sabitləyir

c)

C) Elementi ana konteynerdə sabitləyir

d)

D) Elementin görünməz olmasını təmin edir

11.

11. CSS-də bir linkin rəngini dəyişmək üçün hansı pseudo-sinifi istifadə edərsiniz?

a)

A) :hover

b)

B) :active

c)

C) :visited

d)

D) :link

12.

12.  CSS-də @media xüsusiyyəti hansı məqsədlə istifadə olunur?  

a)

A) Mediya fayllarını dəyişdirmək üçün

b)

B) Səhifənin görünüşünü ekran ölçüsünə görə dəyişmək üçün

c)

C) Şəkilləri böyütmək üçün

d)

D) Elementləri gizlətmək üçün

13.

13. CSS-də inline-block xüsusiyyətinin təsiri nədir?

a)

A) Elementləri tam blok halında göstərir

b)

B) Elementləri iç-içə inline halda göstərir

c)

C) Elementi həm inline, həm də blok kimi göstərir

d)

D) Elementi gizlədir

14.

14. CSS-də nth-child(2) xüsusiyyəti nə edir?

a)

A) Bütün elementləri seçir

b)

B) 2-ci uşağı seçir

c)

C) Sonuncu uşağı seçir

d)

D) 2-ci elementdən başlayaraq hər ikincini seçir

15.

15.CSS-də text-transform: uppercase; nə iş görür?

a)

A) Mətni altından xətt çəkir

b)

B) Mətni sağa çəkir

c)

C) Mətni kiçik hərflərlə göstərir

d)

D) Mətni böyük hərflərlə göstərir

16.

16. CSS-də :hover və :active pseudo-class-ları arasındakı əsas fərq nədir?  

a)

A) :hover yalnız linklər üçün işləyir, :active bütün elementlər üçün

b)

B) :hover elementin üzərinə gəldikdə, :active klikləndikdə işə düşür

c)

C) :hover klikləndikdə, :active elementin üzərinə gəldikdə işə düşür

d)

D) Hər ikisi eyni funksiyanı yerinə yetirir

17.

17. CSS-də flex-grow xüsusiyyəti nə işə yarayır?  

a)

A) Flex elementlərin boşluğunu təyin edir

b)

B) Flex konteynerin ölçüsünü artırır

c)

C) Flex elementləri gizlədir

d)

D)Flex konteyner içindəki elementlərin genişlənmə nisbətini təyin edir

18.

18.CSS-də @media screen and (max-width: 768px) nə üçün istifadə olunur?

a)

A) Ekran 768px-dən böyük olduqda tətbiq olunur

b)

B) Ekran ölçüsü 768px-dən kiçik olduqda tətbiq olunur

c)

C) Yalnız çap üçün tətbiq olunur

d)

D) Yalnız mobil cihazlarda tətbiq olunur

19.

  1. 19. calc(100% - 50px) ifadəsi nə edir?

a)

A) Rəqəmləri birləşdirir

b)

B) CSS-də hesablama aparır

c)

C) Margin artırır

d)

D)Font ölçüsünü sıfırlayır

20.

  1. 20.line-height nəyə təsir edir?

a)

A) Sətirlər arasındakı məsafəyə

b)

B) Mətnin qalınlığına

c)

C) Sözlər arasındakı məsafəyə

d)

D) Rəngə

21.

  1. 21. CSS-də float nə üçündür?

a)

A) Şəklin arxasında mətni göstərmək üçün

b)

B) Box kölgəsi əlavə etmək üçün

c)

C) font dəyişmək üçün

d)

D) Elementləri sola və ya sağa yerləşdirmək üçün

22.

  1. 22. CSS-də transition-delay nə üçün istifadə olunur?

a)

A) Keçid effektinin dərhal başlaması üçün

b)

B) Hover zamanı keçid effektini dərhal başlatmaq üçün

c)

C) Keçid effektinin başlamasını müəyyən qədər gecikdirmək üçün

d)

D) Keçid effektinin daha sürətli baş verməsi üçün

23.

23.CSS-də list-style-type: none; nə edir?

a)

A) Siyahı üzərinə hover effekti əlavə edir

b)

B) Siyahı nöqtələrini -(işarələrini) ləğv edir

c)

C) Siyahı elementlərinə çərçivə (border) əlavə edir

d)

D) Siyahı üzərinə hover effekti əlavə edir

24.

  1. 24. :not(selector) psevdoselektoru nə edir?

a)

A) selector-a uyğun olan elementləri seçir

b)

B) selector-a uyğun olmayan elementləri seçir

c)

C) selector-a uyğun bütün elementləri gizlədir

d)

D) selector-ın valideyn elementini seçir

25.

25.@keyframes nə üçün istifadə olunur?

a)

A) Responsiv dizayn yaratmaq üçün

b)

B) Hover effekti vermək üçün

c)

C) Animasiyalar yaratmaq üçün

d)

D) Rəng dəyişikliklərini idarə etmək üçün

26.

26.transform: scale(1.2); nə edir?

a)

A) Elementin şəffaflığını 20% artırır

b)

B) Elementin ölçüsünü 1.2 dəfə böyüdür

c)

C) Elementi tamamilə şəffaf edir

d)

D) Elementə 1.2 piksel border əlavə edir

27.

27.Aşağıdakı CSS kodunda səhv hansıdır?
.header {

background-color: #fff;

border-radious: 5px;

box-shadow: 0 0 10px rgba(0,0,0,0.3);

}

a)

A) box-shadow səhvdir

b)

B) border-radious səhvdir

c)

C)background-color səhvdir

d)

D) Heç bir səhv yoxdur

28.

28.Aşağıdakılardan hansı inline elementdir?

a)

A) <div>

b)

B) <section>

c)

C) <span>

d)

  1. D)<article>

29.

29.Aşağıdakılardan hansılar CSS-də ölçü vahidi kimi istifadə olunur?

a)

1. px

b)

  1. 2. %

c)

  1. 3. kg

d)

  1. cm

30.

30.Hansılar flexbox-da justify-content xüsusiyyətinin mümkün dəyərlərindəndir?

a)

A) space-between


b)

B) top

c)

C) auto

d)

D) center

31.

31.Kodda funksional səhv nədir?
button:hover {

background-color: green;

cursor: point;

}

a)

A) cursor: point səhvdir, pointer olmalıdır

b)

B) :hover yalnız a elementi üçün istifadə olunur

c)

C) background-color :hover üçün işləmir

d)

D) button elementinə CSS tətbiq olunmaz

32.

32.Aşağıdakı kodda hansı uyğunsuzluq var?
@media (max-width: 768px) {

.menu {

display: hidden;

}

}

a)

  1. 1. max-width: 768px səhv yazılıb

b)

2.display: hidden; CSS-də mövcud deyil

c)

3.display: none; istifadə olunmalı idi

d)

4.@media yalnız min-width ilə işləyir

33.

33.SCSS-də nesting nədir?

a)

A) Eyni dəyişəni birdən çox yerdə təkrar yazmaqdır

b)

B) Dəyişənlərin xarici fayllarda saxlanmasıdır

c)

C) Stil seçicilərini iç-içə yazmaqla daha oxunaqlı və səliqəli kod yaratmaqdır

d)

D) CSS faylını JS-ə çevirməkdir

Similar Resources on Wayground

Bài kiểm tra kiến thức về Laravel

33 questions

Bài kiểm tra kiến thức về Laravel

quiz

Worksheet

•

Professional Development