CSS-də Margins, Paddings izah edin. Hər ikisi üçün auto xüsusiyyətini açıqlayın.
CSS'də "margin", elementin özündən başlayaraq səhifədəki digər elementlərə olan məsafəni göstərir. Margin dörd istiqamətə doğru təyin edilə bilər: sol (left), sağ (right), yuxarı (top) və aşağı (bottom).
Margin dəyərləri, piksel (px), faiz (%) və ya em kimi dəyərlər ilə təyin edilə bilər. Margin dəyərləri müəyyən edilərkən,
Məsələn, aşağıdakı CSS kodu bir div elementi üçün 4 tərəfdən 20px məsafə təyin edir:
Qısa yazılış: margin: 20px
CSS'də “padding" əsasən səhifədəki elementlərin daxilindəki boşluqları təyin etmək üçün istifadə olunur. Padding dörd istiqamətə doğru təyin edilə bilər: sol (left), sağ (right), yuxarı (top) və aşağı (bottom).
Margin dəyərləri, piksel (px), faiz (%) və ya em kimi dəyərlər ilə təyin edilə bilər. Margin dəyərləri müəyyən edilərkən,
Məsələn, aşağıdakı CSS kodu bir div elementi üçün 4 tərəfdən 20px məsafə təyin edir:
Qısa yazılış: padding: 20px
margin auto
Müəyyən edilmiş eni olan elementə margin auto təyin etməklə, elementi onun əsas sərhəddi daxilində üfüqi olaraq mərkəzləşdirə bilərsiniz.
padding auto
"padding: auto" elementin doldurulmasını onun məzmununun ölçüsünə və onun əsas konteynerinə əsasən avtomatik hesablanacaq CSS xüsusiyyətidir. Siz "padding: auto" təyin etdiyiniz zaman padding dəyəri brauzer tərəfindən elə tənzimlənəcək ki, elementin məzmunu onun əsas konteynerində mərkəzləşsin.Belə deyə bilərik ki məzmun konteynerin içərisində üfüqi olaraq mərkəzləşsin.
13.
CSS-də Height, Width, Max-width, Min-width izah edin. Dəyərlər hansı ölçü vasitələri ilə verilə bilər?
Height (hündürlük): HTML elementlərinin hündürlüyünü təyin etmək üçündür. Hündürlük, elementin üstündən aşağıya qədər olan məsafəsini ifadə edir. Hündürlük dəyəri rəqəmlərlə təyin edilir və piksel (px), faiz (%) və ya digər ölçü vahidləri ilə ifadə edilə bilər.
Width (enlik): HTML elementlərinin enini təyin etmək üçündür. Enlik, elementin solundan sağına qədər olan məsafəni ifadə edir. Width dəyəri rəqəmlərlə təyin edilir və piksel (px), faiz (%) və ya digər ölçü vahidləri ilə ifadə edilə bilər.
Hündürlük və genişlik xüsusiyyətləri aşağıdakı dəyərlərə malik ola bilər:
auto - Bu standartdır. Brauzer hündürlüyü və eni hesablayır
length - Hündürlüyü/eni px, cm və s. ilə müəyyən edir.
% - Hündürlüyü/eni ehtiva edən blokun faizində müəyyən edir
initial - Hündürlüyü/eni standart dəyərinə təyin edir
inherit - Hündürlük/enlik onun ana dəyərindən alınacaq
Max-width/height xüsusiyyəti elementin maksimum enini/hündürlüyünü təyin etməyə imkan verir.
14.
CSS-də Text, Icons izah edin. text-decoration və text-transform nə üçün istifadə olunur? Veb səhifəmizdə icon istifadə etmək üçün hansı üsullardan istifadə edə bilərik?
CSS (Cascading Style Sheets) istifadə edərək, veb səhifələrinizdəki mətnləri və fontların formatlarını idarə edə bilərsiniz. CSS, mətnin görüntüsünü təyin edən bir sıra xüsusiyyətlər təqdim edir. Bu xüsusiyyətlərə aşağıdakılar daxildir.
text-color – Mətnin rəngini təyin etmək üçün (Name, RGB, HEX)
text-align – Mətnin mövqeyini təyin etmək üçün (start, left, center, right, justify, end)
text-decoration – Mətnin alt,üst xətlərini təyin etmək üçün (dashed, underline, line-through və s)
text-transformation – Mətnin hərflərinin böyük, kiçik olmasını təyin etmək üçün (uppercase, lowercase, capitalize)
text-spacing – Mətnin hərfləri arasında boşluğu təyin etmək üçün (text-indent
text-shadow – Mətnin kölgəsini təyin etmək üçün (px, em)
İkonlar kitabxanasından istifadə etməklə HTML səhifənizə asanlıqla əlavə edilə bilər.
Göstərilən ikona sinfinin adını istənilən daxili HTML elementinə əlavə edin (məsələn, və ya ).
text-decoration Mətnə bəzək vermək üçün istifadə olunur.
text-decoration-line mətnə bəzək xətti əlavə etmək üçün istifadə olunur.
text-decoration-color dekorasiya xəttinin rəngini təyin etmək üçün istifadə olunur.
text-decoration-style dekorasiya xəttinin üslubunu təyin etmək üçün istifadə olunur.
text-decoration-thickness bəzək xəttinin qalınlığını təyin etmək üçün istifadə olunur.
text-transform xassəsi mətndə böyük və kiçik hərfləri təyin etmək üçün istifadə olunur.
text-transform: capitalize Hər sözü böyük hərflə yazır
text-transform: lowercase Sözləri kiçik hərflə yazır
text-transform: uppercase Sözlərdəki bütün hərfləri böyük yazır
Font Awesome iconlarından istifadə etmək üçün fontawesome.com saytına daxil olun, daxil olun və HTML səhifənizin bölməsinə əlavə etmək üçün kodu əldə edin.
15.
CSS-də Fonts izah edin. Veb səhifəmizdə fərqli şrift istifadə etmək üçün hansı üsullardan istifadə edə bilərik? font-size üçün hansı ölçü vasitələri istifadə olunur?
Düzgün fontun ( şriftin ) seçilməsi oxucuların veb saytı necə dəyərləndirəcəyinə böyük təsir göstərir. CSS-də, font xüsusiyyətlərinə aşağıdakılar daxildir.
font-family – Şriftin hansı, ailədən olduğunu təyin etmək üçün istifadə olunur.
font-style – Şriftin hansı stildə olacağını təyin etmək üçün istifadə olunur. (normal,italic,oblique).
font-weight– Şriftin hansı qalınlıqda olacağını təyin etmək üçün istifadə olunur. (normal,bold,bolder) .
font-size – Şriftin ölçüsünü təyin etmək üçün istifadə olunur (px,em,rem),
font shorthand – CSS-də fontun qısa yazılışı üçün istifadə olunur. Məsələn, 20px Arial, sans-serif
Google Fonts interaktiv veb kataloqu vasitəsilə gözdən keçirilə bilən 1000-ə yaxın pulsuz lisenziya şriftlərindən ibarət təsirli kitabxanaya malikdir. Google Şriftləri, şübhəsiz ki, saytınıza əlavə etmək üçün ən asan şriftlərdir.
@import url (fontu secdikden sonra onun linki bura yazilir) və ya google fonts-un linkini Sadəcə bölməsinə əlavə edin və sonra CSS-dəki şriftə müraciət edin.
font-family ilə də fontumuzun daxil olduğu ailəni seçə biklərik:
font-family: 'Poppins', sans-serif;
font-size-nin istifadə etdiyi ölçü vasitələri: px, em, vw, pt (yenə ola bilər bunlar yetər)
16px=1em 1vw=0.5cm 1px=0.75pt
16.
CSS-də Lists, Tables izah edin. list-style-type nə üçün istifadə olunur? Aşağıdakı görüntünün kodunu yazın.
HTML-dən bildiyimiz kimi listlər, məzmunu strukturallaşdırmaq üçün bir vasitədir. CSS istifadə edərək, listlər üzərində müxtəlif dəyişikliklər edə bilərik. Bu xüsusiyyətlər aşağıdakılardır.
list-style-type - Listin stilini təyin etmək üçün (circle,square,upper-roman,lower-alpha)
list-style-image – Sırasız listlərdə, stil kimi şəkildən istifadə etmək üçün.
list-style-position – Sırasız listlərdə, markerin mövqeyini təyin etmək üçün (inside,outside)
HTML-dən bildiyimiz kimi, "table" elementi, məlumatları sətirlər və sütunlar yəni cədvəllər şəklində təqdim etmək üçün istifadə edilir. CSS istifadə edərək, cədvəllər üzərində müxtəlif dəyişikliklər edə bilərik. Bu xüsusiyyətlər aşağıdakılardır.
table-borders – Cədvəllərin kənar xəttlərini (sərhəddlərini) təyin etmək üçün (table, th, td, border-collapse),
table-size – Cədvəllərin ölçüsünü təyin etmək üçün (width, height),
table-alignment - Cədvəllər içərisindəki mətnlərin mövqeyini təyin etmək üçün (text-align,vertical-align)
