Mövzu - Dərsliklər / Suallar.

Dərsliklər / Suallar.



Alt bölmə: Lazimli Kodlar
Fəsil: Paylaşım

Tema faylları
Şərhlər 10
_Salah_, buyurun.
----
LiL__NeCo, WML ilə olan çatlar üçün bir şey deyə bilmərəm.
çünki çat adlanan A4-ə heç zaman qarışmamışam.
normal bir WML ilə hazırlanmış bölməni isə HTML / W3C standartları ilə rahat bir şəkildə hazırlamaq olur.
21 Avq 2022, 15:45
0
Salam,wml versiyada olan bir i css ilə yımağın ən sadə üsulu hansıdır?
Məsəlın auto chatlarda
Version php,style php və s.
Bu kimi uzun variantların ən qısa yolu hansı olsa daha gözəl olar?
21 Avq 2022, 15:23
0
Tskk
21 Avq 2022, 15:15
0
Admin, inşəallah.
18 Avq 2022, 10:53
0
Axşam Məndə Paylaşımlar Edəcəm
18 Avq 2022, 07:51
0
CSS ID və Class seçimi

CSS ID və Sinif Seçimi Siz HTML elementləri üçün üslubları təyin edə, həmçinin sizə məxsus üslubları təyin edə və elementlərin "id" və "sinif" xassələrində bu üslubu təyin edə bilərsiniz.

Class-dan istifadə HTML mənbəyinə baxdığınız zaman class="style" kimi xüsusiyyətin element (teq) atributu kimi göstərildiyini görə bilərsiniz. Bəs onlara nə üçün lazım idi? Məsələn, aşağıdakı HTML kodunu nəzərdən keçirək:
[code=html]
<div class="style">AzUsta.Az Programlaşdırma üzrə ən gözəl məlumatlar!</div>
[/code]


Yuxarıdakı div elementinin daxilindəki class="style" həmin div elementi üçün CSS xassələrini təyin etmək üçün bir yoldur. CSS faylımızda belə bir ifadə varsa:
[code=css]
style {
font: 10pt Tahoma, Verdana;
/* font: Yazı şiriftimizin üslübünü seçmək üçündür */
color: blue;
/* color: öncəki mövzuda bildirmişdim rəngin seçilməsi üçündür */
}
[/code]



Nöqtə (.) ilə başlayan üslub yaratdıq və ona ad verdik.
Bu o deməkdir ki, "class="style" ilə təyin etdiyimiz bütün elementlər 10 punto Tahoma şriftində və mavi rəngdə olacaq.
Təbii ki, istəsək, onu yalnız bir element üçün etibarlı edə bilərik.
Məsələn, onun yalnız DIV elementlərində etibarlı olmasını istəyirik:
[code=css]
div.style{
font: 10pt Tahoma, Verdana;
color: blue;
}
[/code]

".style", yəni seçim adımızın əvvəlinə div gətirmək kifayət edəcək. Bu halda, bu CSS kodu yalnız DIV elementləri üçün əlçatan olacaq.

Gəlin CLASS funksiyasından istifadə etməyin faydalarına nəzər salaq:

Özümüz adlandırdığımız xüsusi üslubların yaradılması və istifadəsi. Birdən çox elementdə üslubdan istifadə etmək. Üslubları CSS-ə daxil etmək və HTML kodlarımızı daim təkrarlanan uzun CSS kodlarından təmizləmək. ID UsageID xüsusiyyəti ilə biz üslublar da yarada bilərik. CLASS-dan fərqlər:

O, yalnız bir elementdə istifadə edilə bilər. Eyni id dəyəri iki elementə verilə bilməz (Hər bir id yalnız bir elementdə istifadə edilə bilər). CLASS stil faylımızda. Əvvəllər (nöqtə) istifadə edirdik, lakin id xassəsinə uyğun stil tərtib etmək niyyətindəyiksə, # (kəskin) istifadə edirik.

[code=css]
<div id="style">AzUsta.Az -a  xoş gəldiniz!</div>
[/code]


Nümunədə biz "style" ID dəyəri olan DIV elementini görürük. CSS faylımızda bu element üçün xüsusi üslub tərtib edərkən, kod strukturunu aşağıdakı kimi yaratmalıyıq:

[code=css]
#style {
font: 10pt Tahoma, Verdana;
color: blue; }
[/code]


Gördüyünüz kimi, bu dəfə diyez (#) ilə başladıq. Biz yalnız bir element üçün xüsusi üslub tərtib etmişik (Niyə? Çünki yenə də id dəyəri "style" başqa elementdə göstərilə bilməz.)

Həm də unutmayaq ki, heç bir ID dəyəri rəqəmlə başlamaz. ID bizə HTML faylında həmin elementi tapmağa imkan verir, ona görə də ona eyni adı verə bilmərik. Eyni adı versək, yaradacağımız digər problem, JavaScript-də id xüsusiyyətinə görə bu elementdən istifadə edə bilməməyimiz olacaq. Nəhayət, bəzi brauzerlər bir neçə eyni identifikatoru olan HTML fayllarında üslubları nəzərə almaya bilər.
----
Admin, minnətdaram :)
14 Avq 2022, 11:14
0
Təşəkkür Yararlı Mövzu
14 Avq 2022, 10:08
0
CSS nədir?

----

CSS qısaldılmış addır. "Cascading Style Sheets" sözünün baş hərflərindən ibarətdir. Bu, bizim dildə deməkdir: Kaskadlı Stil Vərəqi.

Üslublar HTML elementinin necə görünəcəyini təyin etmək imkanı verir.

Üslublar bizə HTML 4.0-da problemi həll etməyə imkan verir. Saytı vizuallaşdırın!

Bu, HTML faylımızı daha başa düşülən edir. Üslublarımız bir faylda toplanıb və oxumaq və dəyişdirmək asandır.

Stil fayllarımızın genişləndirilməsi *.css-dir. CSS faylı bir çox üslubu ehtiva edə bilər.

CSS Böyük Problemi Həll edir HTML ilk dəfə ortaya çıxanda onun ağ-qara televizordan heç bir fərqi yox idi. Həmişə eyni kodlardan istifadə olunurdu və mətnlər eyni formatda görünürdü. Məsələn, H1 elementi ilə başlıq yaza və H1 elementini fərqli rəng və üslubda göstərə bilmədik.

HTML 3.2 ilə elementlər bəzi yeni xüsusiyyətlər qazandı. Məsələn, rəng xassəsi FONT elementinə əlavə edilmişdir. Təbii ki, bu da tam həll yolu deyildi.



HTML 3.2 çıxanda dünya dəyişdi! İndi CSS var idi və bu gün bütün brauzerlər CSS-ni dəstəkləyir!

CSS Həyatları Xilas edir Bir az şişirtmə? Amma bu qətidir. İşimizi asanlaşdırır. CSS HTML-də istifadə olunan elementlərin (teqlərin) necə görünəcəyini bildirir. Bu doğrudur. Bəs başqası?

Üslublar css uzantılı fayllarda saxlanılmaqla istifadə olunur, onlar təsviri tez və effektiv şəkildə dəyişməyə imkan verir, redaktə etmək asandır, vebsaytınızda artıq kod yaratmır.
----
CSS kodlaşdırma örnəkləri

CSS Nümunəsi Bir css ifadəsi həmişə nöqtəli vergül (;) ilə bitir. İfadələr əyri mötərizədə verilir. Aşağıdakı misala baxaq:

[code=css]p { color: red; text-align: center; }[/code]



CSS-də Annotasiyalardan istifadə Hər hansı bir proqramlaşdırma dilində və HTML-də olduğu kimi, bəzən istifadəçilərə görünməyən, lakin bizim üçün istinad olacaq təsvirləri yazmaq lazım gələ bilər. CSS istifadə olunur /* izahat */


[code=css]/* Mənim Paraqraf Üslubum */
p {
/* Rəng qırmızı olacaq */
color: red;
/* mərkəzləşəcək */
text-align: center;
}[/code]



color: rəngin seçilməsi üçün dəyişkənimiz.
text-align: mətinin hansı istiqamətdə olacağını bəlli etmək üçün.
13 Avq 2022, 23:48
0
Allahın mərhəməti və rəhməti üzərinizə olsun.

Mövzunun məzmunu bundan ibarətdir ki zaman-zaman təməl dərslərdən(kodlar) paylaşacam
13 Avq 2022, 23:42
0
Təbriklər ! Yeni mövzu uğurla yaradıldı! Əgər mövzu Qaydalara uyğun olmazsa silinəcək. Mövzudan kənara çıxmayın, mövzuda başqasının fikirlərinə hörmətlə yanaşın, probleminiz varsa şəxsidə həll edin, mövzuda artıq post yazmayın. Qeyd ! Ailəsinə hörmət edən, qeyrəti olan söyüş söyməz,forum reklam etməz
13 Avq 2022, 23:42
0
Bağışlayın, sizin üçün şərh yazmaq əlçatan deyil
Geriyə

azTOP.biz
Onlayn istifadəçilər
HAMISI