Hiper mətn işarələmə dili olan HTML ixtira olunduqdan sonra veb sənədlərin düzeni və düzeni anlayışları kəskin şəkildə dəyişdi. CSS və CSS2 kaskad üslub cədvəl standartları üçün populyar brauzerlərin demək olar ki, tam dəstəyi ilə sənədin vizual təqdimatının demək olar ki, hər tərəfini təsir etmək mümkün olmuşdur. Məsələn, bir keçidin arxa planını rəngli, bəzi şəkillərlə doldurulmuş və istifadəçinin hərəkətlərindən asılı olaraq dəyişə bilərsiniz.
Zəruri
- - sənədin mətnini və ya sənəd üslub cədvəllərinin mətnini redaktə etmək bacarığı;
- - sənədi orijinal kodlaşdırmada saxlamağa imkan verən bir mətn redaktoru.
Təlimat
Addım 1
Bağlantı arxa planını A elementinə satır içi üslub məlumatları əlavə edərək təsadüfi bir rənglə bərabər şəkildə düzəldin. Fonunu dəyişdirmək istədiyiniz əlaqəyə uyğun A elementinin atributlarına üslub əlavə edin. Stil atributunun məzmununa, arxa plan rəngi üçün düzgün identifikator olan verilən rəng ilə CSS xassəsini yerləşdirin. Məsələn, belə görünə bilər:
keçid mətni
Addım 2
Bağlantının arxa planını sənədinizdəki xarici və ya daxil edilmiş bir stil cədvəlində müəyyənləşdirin. Müvafiq stil cədvəlinə, məqbul bir spesifiklik səviyyəsinin seçicisi tərəfindən müraciət edilmiş bir sıra qaydalar əlavə edin. Qaydalarda əvvəlki addımda olduğu kimi arxa plan rəng xüsusiyyətini daxil edin. CSS2 kaskad qaydalarına və istədiyiniz əhatə dairəsinə əsasən seçicinin spesifikliyini seçin. Beləliklə, yalnız bir keçidin rəngini təyin etməyiniz lazımdırsa, bir şəxsiyyət seçicisindən istifadə etmək mantiqidir, belə bir neçə əlaqə varsa, sinif dəyərinə əsasən bir atribut seçicidən istifadə etmək daha yaxşıdır.
Məsələn, sənəddəki müəyyən bir keçid üçün yaşıl bir fon təyin etmək üçün stil cədvəlinə bir sıra qaydalar əlavə edə bilərsiniz:
# ID_GREEN
{
arxa rəng: # 00FF00;
}
Ayrıca, A elementinin ID atributunu ID_GREEN-ə istədiyiniz əlaqəyə uyğun olaraq təyin etməlisiniz:
keçid mətni
Addım 3
Keçidin arxa hissəsini bir şəkil ilə doldurun. Birinci və ikinci addımlarda təsvir olunan metodları izləyin, ancaq arxa rəngli CSS xassəsi əvəzinə background-image istifadə edin. Misal üçün:
keçid mətni
Lazım gələrsə, fon şəklini üfüqi və şaquli surətdə təkrarlamaq üçün seçimləri təyin etmək üçün müəyyən edilmiş CSS qaydalarına arxa plan təkrar xassəsi əlavə edin.
Addım 4
Keçidin üstünə girdikdə və ya fokus hərəkət etdikdə, onun arxa planını dəyişdirin. Xarici və ya daxil edilmiş sənəd stili cədvəlinə müxtəlif dövlətlərdə bir keçid və ya əlaqə qrupunun arxa planını təyin edən qayda dəstləri əlavə edin. ID və atribut seçicilərini dinamik yalançı siniflərlə birlikdə istifadə edin: hover,: active və: focus. Məsələn, ID_DYNAMIC_BACKGROUND kimlik atributu dəyərinə malik bir keçidin arxa tərəfinin aktiv olmayan vəziyyətdə qırmızı və siçan imlecinin altında olduğu vəziyyətdə yaşıl olması üçün üslub cədvəlinə aşağıdakı qaydalar əlavə edilməlidir:
A # ID_DYNAMIC_FARMADA
{
arxa rəng: # FF0000;
}
A # ID_DYNAMIC_ACKGROUND: hover
{
arxa rəng: # 00FF00;
}
Dinamik olaraq dəyişən bir görüntü ilə bir fon yaratmaq üçün eyni şeyi edə bilərsiniz.
