Yuxarıdakı şəkildə soldakı görüntüdən, sağdakı nəticənin alınması üçün 1 nömrəli elementə :
float: left;
2 nömrəli elementə:
float: right;
dəyərlərini verməliyik.
20.
CSS-də Horizontal Align, Vertical Align izah edin.
CSS-də digər iki əsas xüsusiyyət Horizontal Align, Vertical Align, . Bu xüsusiyyətlər, elementlərin səhifənin mərkəzində və ya başqa bir elementin mərkəzində və ya hər hansısa bir istənilən nöqtəsindən müəyyən bir məsafədə yerləşdirilməsini təmin edir.
Horizontal align, elementin x məsafəsi üzərində (soldan sağa) hərəkətini təyin edir. Elementi səhifənin sol, orta və ya sağ tərəfində yerləşdirə bilərsiniz.
Vertical align, elementin y məsafəsi üzərində (yuxarıdan aşağıya) hərəkətini təyin edir. Elementi səhifənin üst, orta və ya alt tərəfində yerləşdirə bilərsiniz.
21.
CSS-də Combinators nümunələrlə izah edin. Aşağıdakı kod nümunəsində, yalnız 4 və 5-ci paraqrafları seçmək istəsək, hansı kombinator istifadə olunmalıdır.
CSS-də kombinatorlar, seçicilərin birlikdə istifadə edilərək daha spesifik seçimlər etməyə imkan verən vasitələrdən biridir. Aşağıdakı CSS kombinatorları mövcuddur:
Boşluq kombinatoru ( " " ) - Bu kombinator iki seçici arasında boşluq əlavə edərək elementləri seçir. Birinci seçici ilə ikinci seçici arasında boşluq olan bütün elementlər seçilir. Məsələn: "div p" seçicisi, bütün
elementlərini seçir, həmçinin onların içində olan bütün
elementlərini seçir.
Child kombinatoru ( ">" ) - Bu kombinator, bir elementin birbaş alt elementini seçməyə imkan verir. İlk seçici ilə ikinci seçici arasında olan yalnız bir element seçilir. Məsələn: "div > p" seçicisi, yalnız div elementinin birbaşa altında olan bütün
elementlərini seçir.
İkili kombinator ( "+" ) - Bu kombinator, bir elementin həmin növ elementinin ardınca gələn birbaşa bir növ alt elementini seçir. İlk seçici ilə ikinci seçici arasındakı ilk uyğun element seçilir. Məsələn: "div + p" seçicisi, div elementindən sonra gələn ilk
elementini seçir.
General sibling kombinatoru ( "~" ) - Bu kombinator, bir elementin həmin növ elementindən sonra gələn bütün uyğun alt elementlərini seçir. İlk seçici ilə ikinci seçici arasında olan bütün uyğun elementlər seçilir. Məsələn: "div ~ p" seçicisi, div elementindən sonra gələn bütün
elementlərini seçir.
Yuxarıdakı kod nümunəsində, yalnız 4 və 5-ci paraqrafları seçmək istəsək, "~" kombinatorundan istifadə edirik:
div~p {
color: red; // Mən yoxlamaq üçün bu sətri yazmışam baxa bilərsiz..
}
22.
CSS-də Pseudo-classes, Pseudo-elements nümunələrlə izah edin. Fərqləri nələrdir? Aşağıdakı kod nümunəsini izah edin.
pseudo-class elementin xüsusi vəziyyətini təyin etmək üçün istifadə olunur.
Məsələn, aşağıdakılar üçün istifadə edilə bilər:
İstifadəçi siçan üzərinə keçdikdə elementə stil verin
Stil ziyarət edilən və ziyarət edilməmiş bağlantılar fərqlidir
Element diqqət mərkəzində olduqda ona stil verin
CSS psevdo-classı seçilmiş elementlərin xüsusi vəziyyətini təyin edən, seçiciyə əlavə edilən açar sözdür. Məsələn, psevdo-class :hover istifadəçinin düymənin üzərinə gəldikdə düyməni seçmək üçün istifadə edilə bilər və bu seçilmiş düyməyə daha sonra stil təyin edilə bilər. Sintaksisi aşağıdakı kimidir.
selector:pseudo-class {
property: value;
}
Digər pseudo-class nümunələrinə şəkildən baxın.
CSS psevdo-elementi, elementin müəyyən hissələrinə üslub vermək üçün istifadə olunur.
