WorksheetsWeb 101-200
Total questions: 100
Worksheet time: 50mins
Sinif(class) adı “test” olan elementi(tag), CSS3-də necə təyin edə bilərsiniz?
.test
#test
*test
/demo
!demo
Mövqe (position) xüsusiyyətinin standart sabit dəyəri nədir (CSS3)?
static
fixed
relative
absolute
default
CSS3-də daşma əməliyyatının istiqamətini icra edən əmri seçin.
overflow
over
text-overflow
text-align
over-flow
Şəklin mövqeyini təyin edən CSS3- əmri hansıdır?
float
align
align-text
text-float
text-align
Əsasən düymələrdə (button) və ya hiper istinadlarda cursor üzərində olanda canlanma yaransın deyə istifadə olunan CSS3 əmri hansıdır?
hover
focus
after
before
live
CSS3-də kölgə effekti hansı əmr vasitəsi ilə verilir?
shadow
display
index
position
position
Aşağıdakılar hansılar CSS3-də “position” əmrinin xüsusiyyətləridir?
1. Relative 2. Drop 3. Absolute 4. Fixed 5. Overflow 6. Center
1,3,4
2,4,5
1,2,6
4,5,6
3,5,6
Bir veb səhifənin eninin uzunluğu default (varsayılan) olaraq neçə faizdir?
100%
200%
500%
50%
1000%
CSS3-də “border-style: dotted; “ - əmri hansı əməliyyatı icra edir?
sərhəd xətləri nöqtələrdən ibarət olur
sərhəd xətləri dalğalı olur
sərhəd xətləri yox olur
sərhəd xətləri qırıq-qırıq olur
Sərhəd xətləri düz olur
CSS3-da hansı əmr qoşalıq anlayışı bildirir?
Double
solid
two
outset
dotted
CSS3-da sıralı siyahıda böyük rum rəqəmləri ilə sıralama necə aparılır?
list-style-type: upper-roman;
list-style-type: square;
list-style-type:circle;
list-style-type: lower-alpha;
list-style-type: dotted;
CSS3-da şəkillərə verilən “border-radius” əmri hansı əməliyyatı icra edir?
sərhədlər dairəvi vəziyyətə gətirilir
sərhəd xətləri nöqtələrdən ibarət olur
sərhəd xətlərini qırıq-qırıq edir
sərhəd xətləri silinir
sərhədlər kvadrat olur
CSS3-da verilən “border: 2px solid green;” əmrinə məxsus xüsusiyyəti seçin.
2px qalınlığında, yaşıl düz xətli sərhəd
2px qalınlığında, qırmızı nöqtəli sərhəd
2px qalınlığında, yaşıl qırıq-qırıq sərhəd
2px qalınlığında, yaşıl nöqtəli sərhəd
2px qalınlığında, yaşıl dalğavari sərhəd
CSS3-da əksər hallarda həmin əmri deaktiv (yox) edən açar sözü seçin.
none
no
null
center
exit
CSS3-də formalara fokuslanma əmrini seçin.
focus
hover
after
before
reset
#myid { background-color: blue; } .myclass {background-color: gray; } p { background-color: red !important; } Fərqli <p> təq-lərinə class və id verilir. CSS3-də hansı əmr üstlük təşkil edər və p-təqlərinin daxilində olan mətnlərin rəngini dəyişər? Bu rəngi təyin edin.
p əmri, qırmızı
#myid əmri, göy
.myclass əmri, boz
.myclass əmri, göy
p əmri, boz
Bootstrapın ən son versiyasını seçin.
5.1.1
3.1.1
4.0
2.3
6.1.1
Horizontal şaquli xətlərə əsasən veb səhifə neçə bölmədən ibarətdir?
12
10
4
6
8
Bootstrap nədir?
Hassas və mobil cihazlarda veb saytları inkişaf etdirmək üçün ən populyar HTML, CSS və JS çərçivəsidir
HTML və CSS-in təlimat kitabçasıdır
İlk yaradılan veb saytdır
Veb səhifələrin qarşılıqlı əlaqəsini təmin edir
Hiper matnlardan ibarət olan veb səhifələrin dizayn edilməsi və onların hostlara yerləşdirilməsi üsullarıdır
CSS3-də istifadə olunan rəng çalarlarının növlərini seçin.
RGB, HEX, HSL
HEX, COLOR, CMYK
RGB,HSL, CMYK
HSL, COLOR, RGB
BINARY, DECIMAL, RGB
CSS3 koduna əsasən, “selector, property və value”-nu ardıcıl olaraq təyin edin.
p, text-align, center
text-align, p, center
center, p, text-align
p, center, text-align
center, text-align, p
HTML5-in elementlərini CSS-ə məxsus əmrlərlə tərtib etmək üçün hansı üsullardan istifadə edilir?
external, internal, inline
extend, selectors, value
exit, value, property
extend, external, inline
inline, selectors, property
Aşağıdakı ifadələrdən biri yanlışdır.
CSS- bir proqramlaşdırma dili olub, veb səhifələrin stilini təyin edir.
CSS- də şərhləmə əməliyyatı /*comments*/ kimi aparılır
HTML- səhifələrinin genişlənməsi “.html” kimi olur
CSS-i HTML sənədinə daxil etmək üçün, 3 yoldan istifadə edilir
CSS-in açıqlaması “Cascading Style Sheets” – dir.
CSS-də arxa fona şəkil əlavə etmək üçün hansı əmrdən istifadə edilir?
Background-image: url(“şekil.png”);
Border-radius: url(“şekil.png”);
Background-photo: url(“şekil.png”);
Background-img: url(“şekil.png”);
Background-repeat: url(“şekil.png”);
CSS-də arxa fondakı təsvirin təkrar olunmasının qarşısını alan əmri seçin.
Background-repeat: no-repeat;
Background-image: none;
Background-color: none;
background-replace: none;
background-attachment: no-repeat;
CSS-də arxa fondakı təsvirin x-oxu istiqamətində təkrarlanması üçün hansı əmr seçilir?
background-repeat: repeat-x;
background-replace: repeat-x;
background-replace: replace-x;
background-iteration: iteration-x;
background-repeat: only - x;
CSS-də arxa fondakı təsvirin mövqeyini təyin edən əmri seçin.
background-position
background-repeat
background-attachment
background-space
background-area
CSS-da, (class və id)-nin çağırılması üçün istifadə olunan üsullu ardıcı olaraq seçin.
. və #
* və $
! və &
: və #
@ və $
CSS-də, ardıcıl olaraq ümumi (background: ?) xüsusiyyətlərini təyin edin.
color, image, repeat, position
image, repeat, position, color
image, color, repeat, position
color, repeat, position, image
image, repeat, color, position
CSS-da sərhəd xətlərinin stilini təyin edən əmri seçin.
border-style
border-color
area-design
round-style
outline-style
CSS-da sərhəd xətlərinin stilinə daxil edilən “dotted”-əmri hansı işi icra edir?
Sərhəd xətlərinin stilini nöqtələrlə təyin edir
Sərhəd xətlərinin stilini düz xətlə təyin edir
Sərhəd xətlərinin stilini qırıq-qırıq xətlərlə təyin edir
Sərhəd xətlərinin stilini gizlədir
Sərhəd xətlərinin stilini düz qoşa xətlə təyin edir
CSS-da sərhəd xətlərinin stilinə daxil edilən “dashed”-əmri hansı işi icra edir?
Sərhəd xətlərinin stilini qırıq-qırıq xətlərlə təyin edir
Sərhəd xətlərinin stilini düz qoşa xətlə təyin edir
Sərhəd xətlərinin stilini nöqtələrlə təyin edir
Sərhəd xətlərinin stilini düz xətlə təyin edir
Sərhəd xətlərinin stilini yox edir
CSS-də verilən (border-style: dotted dashed solid double;) əmri hansı əməliyyatı icra edir?
Yuxarı sərhəddi nöqtələrlə, sağ sərhəddi qırıq-qırıq, aşağı sərhəddi düz və sol sərhəddi düz qoşa xətlərlə təyin edir.
Yuxarı sərhəddi düz qoşa xətlə, sağ sərhəddi qırıq-qırıq, aşağı sərhəddi düz xətlə və sol sərhəddi nöqtələrlə təyin edir
Yuxarı sərhəddi nöqtələrlə, sağ sərhəddi düz qoşa, aşağı sərhəddi düz və sol sərhəddi qırıq-qırıq xətlərlə təyin edir
Yuxarı sərhəddi düz qoşa xətlə, sağ sərhəddi qırıq-qırıq, aşağı sərhəddi nöqtələrlə və sol sərhəddi düz qoşa xətlərlə təyin edir
Yuxarı sərhəddi gizləiyir, sağ sərhəddi nöqtələrlə, aşağı sərhəddi düz və sol sərhəddi düz qoşa xətlərlə təyin edir.
CSS-də verilən (border-width) əmri nəyi təyin edir?
Sərhəd xətlərinin enini
sərhəd xətlərinin uzunluğunu
sərhəd xətlərinin stilini
sərhəd xətlərinin rəngini
sərhəd xətlərinin mövqeyini
CSS-da verilən (border-width: 10px 20px;) əmri hansı əməliyyatı icra edir?
Sərhəd xətlərini yuxarı və aşağıdan 10px, sağ və soldan isə 20px enləşdirmiş olur
Sərhəd xətlərini sağ və soldan 10px, yuxarı və aşağıdan isə 20px enləşdirmiş olur
Sərhəd xətlərini yalnız yuxarıdan 10px, yalnız sağdan isə 20px enləşdirmiş olur
Sərhəd xətlərini sağ və soldan 10px, yalnız sağdan isə 20px enləşdirmiş olur
Sərhəd xətlərini yalnız aşağıdan 10px, yalnız soldan isə 20px enləşdirmiş olur
Sərhəd xətlərinin yuxarısına “qırmızı”, aşağısına “göy”, soluna “sarı” və sağına “yaşıl” rəng əlavə edirəm. Bu əməliyyatı hansı CSS əmri vasitəsi ilə və necə etməliyəm?
border-color: red green blue yellow;
border-color: red blue yellow green;
border-color: green blue yellow red;
border-color: red green yellow blue;
border-color: blue red green yellow;
CSS-də yalnız sağ sərhəddi düz xətt etmək istəyiriksə, o zaman hansı əmri icra etməliyik?
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-top-style: solid;
border-style: right solid;
CSS-da verilən (border: ?) əmrinin xüsusiyyətlərini ardıcıl olaraq seçin.
border-width, border-style, border-color
border-width, border-color, border-style
border-style, border-color, border-width
border-style, border-width, border-color
border-width, border-position, color
CSS-da sərhəd xətlərini dairəvi vəziyyəti gətirmək üçün hansı əmrədən istifadə edilir?
border-radius
border-color
border-circle
border-round
border-sphere
CSS-da kənar boşluqları hansı əmr təyin edir?
margin
space
align
display
outline
CSS-da verilən (margin: ?) əmrinin xüsusiyyətlərini ardıcıl olaraq seçin.
top, right, bottom, left
left, right, top, bottom
top, bottom, left, right
right, bottom, top, left
left, top, bottom, right
CSS-də verilən (margin: avto;) əmri nəyi təyin edir?
brauzerin avtomatik marjalarını hesablayır
sərhəd xətlərinin kənar boşluqlarını avtomatik təyin edir
kənar xətlərin kənar boşluqlarını avtomatik təyin edir
sağdan boşluqların marjlarını avtomatik hesablayır
soldan boşluqların marjlarını avtomatik hesablayır
CSS-də verilən (padding: ?) əmrinin xüsusiyyətlərini ardıcıl olaraq seçin.
top, right, bottom, left
left, right, top, bottom
top, bottom, left, right
right, bottom, top, left
left, top, bottom, right
Mətni mərkəzləşdirmək üçün hansı CSS əmri daxil edilir?
text-align: center;
text-align: right;
text-align: left;
text-align: justify;
text-align: radius;
Mətni sağ və soldan düzləndirmək üçün hansı CSS əmri daxil edilir?
text-align: justify;
text-align: center;
text-align: left;
text-align: right;
text-align: right left;
Mətni sağ küncə yerləşdirmək üçün hansı CSS əmri daxil edilir?
text-align: right;
text-align: left;
text-align: center;
text-align: justify;
text-align: only-right;
Mətni sol küncə yerləşdirmək üçün hansı CSS əmri daxil edilir?
text-align: left;
text-align: right;
text-align: center;
text-align: justify;
text-align: only-right;
Box-modelin hündürlüyü 100px, eni isə 100%-dir. Bu əməliyyatı CSS əmrlərinin vasitəsi ilə təyin edin.
width: 100%; height: 100px;
width: 100px; height: 100%;
box-width: 100%; box-height: 100px;
box-width: 100px; box-height: 100%;
width: (100*100)/100%; height: 100px;
CSS-a əsasən ardıcıllığı davam etdirin. (content, padding, ?, ?).
border, margin
margin, border
border, padding
padding, border
outline, border
CSS-a əsasən ardıcıllığı davam etdirin. (content, border, ?).
outline
padding
border-content
text-align
greedline
CSS-da kənar xətlərin (kontur), stilini dəyişmək üçün hansı əmr daxil edilir?
outline-style
outline-color
outline-offset
outline-design
outline-line
CSS-da kənar xətlərin (kontur), rəngini dəyişmək üçün hansı əmr daxil edilir?
outline-color
outline-style
outline-offset
outline-design
outline-line
CSS-da kənar xətlərin (kontur), enini dəyişmək üçün hansı əmr daxil edilir?
outline-width
outline-color
outline-offset
outline-design
outline-style
CSS-da kənar xətlərlə (kontur), sərhəd xətləri arasında məsafəni təyin edən əmri daxil edin?
outline-offset
outline-color
outline-width
outline-design
outline-style
CSS-da kənar xətlər (kontur), üçün olan xüsusiyyətləri ardıcıl olaraq daxil edin.
outline-width, outline-style, outline-color
outline-width, outline-color, outline-style
outline-color, outline-style, outline-width
outline-style, outline-width, outline-color
outline-style, outline-color, outline-width
Mətnin yazı rəngini dəyişmək üçün hansı CSS əmri daxil edilir?
color
background-color
text-color
border-color
txt-color
Arxa fon rəngini dəyişmək üçün hansı CSS əmri daxil edilir?
background-color
color
back-color
background-image
color-back
CSS-da mətnin əksinə oxunuşu üçün hansı əmri daxil edilir?
direction: rtl; unicode-bidi: bidi-override;
direction: ltl; unicode-bidi: bidi-override;
text-align: right; unicode-bidi: bidi-override;
text-align: right; unicode-bidi: bidi-over;
direction: rtl; unicode-bidi: override;
CSS-da mətnin üzərindən xətt çəkən əmri seçin.
text-decoration: overline;
text-align: overline;
text-align: line;
text-align: line;
text-position: overline;
CSS-da mətnin ortasından xətt çəkən əmri seçin.
text-decoration: line-through;
text-align: overline;
text-decoration: line;
text-align: line;
text-position: overline;
CSS-da mətnin altından xətt çəkən əmri seçin.
text-decoration: underline;
text-align: overline;
text-decoration: line-through;
text-align: line;
text-position: overline;
CSS-da mətnin bütün hərflərini böyük hərfə çevirən əmri seçin.
text-transform: uppercase;
text-transform: lowercase;
text-transform: capitalize;
text-transparent: capitalize;
text- transparent: uppercase;
CSS-da mətnin bütün hərflərini kiçik hərfə çevirən əmri seçin.
text-transform: lowercase;
text-transform: uppercase;
text-transform: capitalize;
text-transparent: capitalize;
text- transparent: uppercase;
CSS-da mətn daxilində olan cümlələrin ilk hərfini böyük hərfə çevirən əmri seçin.
text-transform: capitalize;
text-transform: lowercase;
text-transform: uppercase;
text-transparent: capitalize;
text-transparent: uppercase;
CSS-da mətnin abzas başlığı üçün məsafəni təyin edən əmri seçin.
text-indent
text-spacing
letter-spacing
text-letter
line-height
CSS-da sözün hərfləri arasındakı boşluğu təyin edən əmri seçin.
letter-spacing
line-height
text-indent
symbol-spacing
text-spacing
CSS-da mətnin sətirləri arasındakı məsafəni təyin edən əmri seçin.
line-height
letter-spacing
text-indent
symbol-spacing
word-spacing
CSS-da mətnin sözləri arasındakı məsafəni təyin edən əmri seçin.
word-spacing
white-space
letter-spacing
line-height
text-indent
CSS-də mətnə kölgə effekti verən əmri seçin.
text-shadow
text-umbrage
text-hover
text-align
text-direction
CSS-də yazıların font ailəsini müəyyənləşdirən əmri seçin.
font-family
font-color
font-size
font-style
font-variant
CSS-də yazıların tündləşdirilməsi üçün hansı əmr daxil edilir?
font-weight
font-color
font-family
font-variant
font-size
CSS-də yazıların ölçüsünü təyin edən əmri seçin.
font-size
font-height
font-length
font-variant
font-family
CSS-də yazıların stilini dəyişən əmri seçin.
font-style
font-family
font-color
font-variant
font-size
CSS-də yazıların stilini dəyişmək üçün istifadə olunan (font-style) əmrinin xüsusiyyətlərini seçin.
normal, italic, oblique
bold, italic, Arial
Arial, Georgia, Times New Roman
oblique, align, variant
normal, variant, oblique
CSS-də verilən (font) əmrinin xüsusiyyətlərini ardıcıl olaraq daxil edin.
font-style, font-size, font-family
font-style, font-family, font-size
font-size, font-family, font-style
font-family, font-size, font-style
font-family, font-style, font-size
Verilən linkin üzərinə siçanı (mouse) gətirdikdə link aktiv hala gələrək rəngini dəyişirsə, bu hansı CSS əmrinin xüsusiyyətidir?
hover
active
focus
visited
link
Verilən linkə istifadəçi daxil olduqdan sonra, linkin rəngi dəyişirsə, bu hansı CSS əmrinin xüsusiyyətidir?
visited
hover
active
link
color
Verilən linkə istifadəçi kliklədiyi an, linkin rəngi dəyişirsə, bu hansı CSS əmrinin xüsusiyyətidir?
active
hover
visited
link
color
CSS-də sıralı və sırassız siyahıların, marker növünün stilini necə təyin etmək olar?
list-style-type
list-type
list-style
list-type-style
list-type-value
CSS-də sırassız siyahıların, marker növü olan (dairə və kvadrat) xüsusiyyətlərini təyin edən əmri seçin.
circle, square
roman, alpha
circle, alpha
square, alpha
roman, circle
CSS-də cədvəlin (table) sərhəd xətlərinin dəstəlnməsi üçün hansı əmr daxil edilir?
border-collapse: collapse;
border: collapse;
collapse: border-collapse;
border-collapse: no-collapse;
border-style: collapse;
CSS-də hansı əmr daşma zamanı, məzmunun daşan hissəsini gizli saxlayır?
overflow: hidden;
overflow: scroll;
overflow: auto;
overflow: visible;
overflow: private;
CSS-də hansı əmr daşma zamanı, zəruriyyət yaranarsa, birbaşa sürüşmə çubuğu (scrollbars) əlavə edir?
overflow: auto;
overflow: hidden;
overflow: visible;
overflow: scroll;
overflow: none;
CSS-də hansı əmr daşma olmadıqda belə, birbaşa olaraq sürüşmə çubuqlarını (scrollbars) göstərir?
overflow: auto;
overflow: hidden;
overflow: visible;
overflow: scroll;
overflow: none;
CSS-da hansı əmri daşma zamanı, daşan məzmunu elementdən kənarda göstərir?
overflow: visible;
overflow: avto;
overflow: scroll;
overflow: hidden;
overflow: public;
İçərisində təsvir (img) və mətn (p) olan qutuda (box), təsvir sağ küncdə yerləşib, mətn isə ona paralel olaraq soldan başlayaraq qeyd edilib. Bu prosesi CSS-də icra edən əmri seçin.
img { float: right; }
img{ float: left; }
p{ float: right; }
p{ float: left; }
img{ float: none; }
İçərisində təsvir (img) və mətn (p) olan qutuda (box), təsvir sol küncdə yerləşib, mətn isə ona paralel olaraq sağdan başlayaraq qeyd edilib. Bu prosesi CSS-də icra edən əmri seçin.
img { float: left; }
img{ float: right; }
p{ float: right; }
p{ float: left; }
img{ float: none; }
HTML-da “p” taginin içərisindəki mətnin yalnız ilk sətrinin rəngi dəyişərək qırmızı olub. Bu prosesi icra edən CSS əmrini seçin.
p::first-line { color: red;}
p::first-letter { color: red;}
p::before { color: red;}
p::after { color: red;}
p::marker{ color: red;}
HTML-da “p” taginin içərisindəki mətnin yalnız ilk hərfinin rəngi dəyişərək qırmızı olub. Bu prosesi icra edən CSS əmrini seçin.
p::first-letter { color: red;}
p::first-line { color: red;}
p::before { color: red;}
p::after { color: red;}
p::marker{ color: red;}
HTML-da “ul” taginin içərisindəki siyahıların yalnız simvollarının rəngi dəyişərək qırmızı olub. Bu prosesi icra edən CSS əmrini seçin.
ul li::marker { color: red;}
ul li::first-letter { color: red;}
ul::before { color: red;}
li::after { color: red;}
ul::first-line{ color: red;}
CSS-da təsvirlərin şəffaflığını təyin edən əmri seçin.
opacity
blure
shadow
view
hover
CSS-də hansı əmri siçan (mouse), ancaq HTML elementinin üzərində olan zaman onun stillərini əvvəlki görünüşünə nəzərən dəyişmək olur?
hover
focus
after
before
marker
CSS-də hansı əmri siçan (mouse), ancaq HTML elementinin üzərinə klikləyib dayanan zaman onun stillərini əvvəlki görünüşünə nəzərən dəyişmək olur?
focus
hover
after
before
marker
Verilən təsvirə klikləyən zaman, onun tam ekran boyunca açılması üçün hansı HTML taqları doğru göstərilmişdir?
<a target="_blank" href="img.jpg"> <img src="img.jpg" alt="Server xetasi" width="400" height="400"></a>
<a target="_blank" link="img.png"> <img src="img.jpg" alt="Server xetasi" width="400" height="400"></a>
<a target="_blank" href="img.gif"> <img src="img.png" alt="Server xetasi" width="400" height="400"></a>
<img src="img.jpg" href ="img.jpg"alt="Server xetasi" width="400" height="400">
<img src="img.jpg" link ="img.jpg"alt="Server xetasi" width="400" height
Aşağıdakı HTML-də verilən təqlərin yalnız “Disney.com” –un arxa fon rənginin yaşıl olması bizdən tələb olunursa, biz hansı CSS əmrindən istifadə etməliyik?
<a href="https://www.w3schools.com">w3schools.com</a>
<a href="http://www.disney.com" target="_blank">disney.com</a>
<a href="http://www.wikipedia.org" target="_top">wikipedia.org</a>
a[target=_blank] { background-color: green; }
a[target=_top] { background-color: green; }
a[target=_blank] { background-color: yellow; }
a { background-color: green; }
a target=_blank { background-color: green; }
HTML-da faylların seçilməsi üçün istifadə “input” növünü seçin.
file
text
radio
checkbox
button
HTML-da saatın seçilməsi üçün istifadə "input" növünü seçin.
time
tel
date
clock
submit
HTML-da yerli tarixin və saatın seçilməsi üçün istifadə "input" növünü seçin.
datetime-local
date
time
date-local
datetime-current
HTML-da "form"-ların sıfırlanması üçün istifadə "input" növünü seçin.
reset
reload
zero
sleep
break
CSS-da "cursor" əmrinın gözlətmə xüsusiyyəti hansıdır?
wait
wait-for
pointer
s-resize
loading
