Ilk addimlan css numune

CSS (Cascading Style Sheets (Kaskadlı Stillər Cədvəli)) - dili

I Hissə: CSS - dənə var

• 
  Bir az CSS-dən
  
• 
  Struktur və qaydalar
  
• 
  Daxili stil cədvəlləri
  
• 
  Qlobal stil cədvəlləri
  
• 
  Bağlanmış stil cədvəlləri
  

Biraz CSS - dən
CSS - nədir? Cascading Style Sheets (KaskadlıStillərinCədvəli) - dildir, ixtiyari HTML - sənədin xarici görünüşünü özündə saxlayan xassələr toplusudur. Onun köməkliyi ilə dizayner stil və Web-səhifədəki hər bir element üzərində tam idarəyə malikdir, hansı ki sadə HTML sənədində ki teqlərin daxilində olan xassələrin istifadəsindən daha funksionaldır. Məsələn: Sizə yağlı, qırmızı və altıxətlə mətn yaratmaq lazımdır.
HTML NÜMUNƏ:
 Hansısa mətn 

Əgər bu stili bir neçə dəfə istifadə etməklazımdırsa? Yaxşı əgər 5, bəlkə 10-20 dəfə? Burada bizə CSS kömək edəcək. Stil cədvəllərinin üç növü mövcuddur: Daxili stil cədvəlləri, Qlobal stil cədvəlləri və Bağlanmış stil cədvəlləri. Daxili stil cədvəlləri (Inline Style Sheets) xüsisi atributun köməkliyi ilə birdəfəyə HTML teqlərinə yerləşirlər.Qloballar (Global Style Sheets) elementlərin stilini bütün sənəddə təyin edirlər. Bağlanmışlar isə (Linked Style Sheets) birdəfəyə bir neçə sənəd üçün istifadə oluna bilərlər və xaric ifaylda saxlanılırlar.Bütün bunlar haqqında aşağıdakı bölmələrdə ətraflı yazılıb.
Yuxarı
Struktu rvə qaydalar
Selectorlar (Selectors): 

Sintaksisi:

selektor {xassə}

HTML - in ixtiyari elementi - mümkün CSS - selektordur. Selectorun xassəsi təyin olunmuş elementin stilini təyine dir.

NÜMUNƏ:

H1 {color:red; size:20pt;}
Sənəddəki bütün H1 elementləri qırmızı rəngli, 20 nöqtəölçülü (pt, point) olacaqlar.
Klasslı selektorlar (Class Selectors):
Sintaksisi:
selektor.klass {klass}
CLASS - HTML elementinin klassını təyin edən atributdur. CSS - dəeyniel ementlər üçün müxtəlif xüsusi klasslar da yaratmaq olar.

NÜMUNƏ:
H1.blue {color:blue; size:20pt;}

olan bütün H1 elementləri göy olacaqlar.
Klasslar həmçinin təyin olunmuş elementlərə aydın bağlantı olmadan da yazıla bilərlər.
Sintaksisi:
.klass {xassə}
NÜMUNƏ:
.green {color:green;}
Verilmiş halda atributunun elementləri yaşıl olacaqlar.
ID selektorlar (ID Selectors):
Sintaksis:
#id {xassə}
ID - individual adlandırılmış stildir. Onun köməkliyi ilə müəyyən elementin klassına stillI əlavələr etmək olar. Individuallar bir və ya bir neçə elementin klassına individual xassələr ötürmək üçün istifad edilir. Deyəkki, siz blue – klassını göy və ya nakı etmisiniz. Lakin sizə yağlı xətlənmiş mətnvə həmçinin eyni cürxassəligöy yanakı mətndə lazım olacaq. Doğrudur, yeni klass yaratmaq olar, lakinnəüçün? Sadəsi ID yazın. Məsələn "boldunderline", və blue klassınınbütün "boldunderline" ID qiymətlielementləriyağlıxətlənmişgöyyanakıolacaqlar.Eləbilki blue klassıilə "boldunderline" identifikatorununxassələrininsintezibaşverəcək.

NÜMUNƏ:

"> Salam, bu menim web-sehifemdir.

Helemkiduzelmekuzredir....

.....Lakinbuyaxinlardaaçılacaq

Bu başlıq iri qirmizi yanakı yazılıb

Bax bu Söz - goydur,  
bu ise - yağlıdır.

Sənədin tutumu