Ilk addimlan css numune



Yüklə 78,63 Kb.
tarix02.01.2022
ölçüsü78,63 Kb.
#38137
növüQaydalar
B R AZ CSS


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

I Hissə: CSS - dənə var

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 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Ə:



Ilk addimlan - CSS numune




"> 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

Yüklə 78,63 Kb.

Dostları ilə paylaş:




Verilənlər bazası müəlliflik hüququ ilə müdafiə olunur ©azkurs.org 2024
rəhbərliyinə müraciət

gir | qeydiyyatdan keç
    Ana səhifə


yükləyin