Saytda işləmə müddətində həm peşəkar veb ustaları, həm də saytın yenilənməsi ilə məşğul olan, lakin peşəkar olmayan insanlar veb resursun tərzində müxtəlif dəyişikliklər edirlər. Məsələn, nədənsə saytdakı linklərin rəngini dəyişdirməlisiniz.
Bu vəziyyətdə, əlaqələrin rənginin CSS (Cascading Style Sheets) - kaskad üslub vərəqələri istifadə edilərək dəyişdirildiyini bilməlisiniz. Bunlar veb resurs yaratmaq üçün proqramlaşdırma dili ilə birlikdə istifadə olunan cədvəllərdir. CSS saytın quruluşundan, yəni üslubundan, görünüşündən və html - mənbənin məzmununa görə cavabdehdir. CSS, HTML-nin təkamülünün davamıdır.
Saytda rəng rəngi
Beləliklə, həm sayt üçün, həm də hər bir link üçün ayrı-ayrılıqda rənglərin rəngini dəyişə bilərsiniz. Bağlantı rəngləri əsas etiketin atributu kimi təyin olunur. Atribut, kodda yazmağınıza ehtiyac olmadığı bir şeydir, çünki onlardan bəziləri əvvəlcədən təyin olunmuşdur. Bağlantı atributu sayt səhifəsindəki linklərin rəngini təyin edir. Varsayılan mavi rəngdədir. Alink, aktiv linklərin rəngini təyin edən bir atributdur, default olaraq qırmızıdır. Vlink - ziyarət olunan əlaqələr, ümumiyyətlə qəbul edilən rəng bənövşəyi rəngdədir.
Çox vaxt veb səhifələrdəki bağlantıların rəngi onaltı notasiya (#EEEEEE - boz) və ya rgb formatında (# 808080 - boz) müəyyən edilir, lakin ənənəvi İngilis rəng notu (boz - boz) da istifadə edə bilərsiniz. Əlavə olaraq, rəng dərəcə ilə təyin edilə bilər, HSL formatı buna uyğundur. İnternetdə rəngli qrafikləri tapmaq asandır.
Keçidlərin rəngini dəyişdirin
Səhifədəki bütün linklərin rəngini dəyişdirmək üçün stillərdə rəng atributunun rəngini dəyişdirmək kifayətdir. Bunu etmək üçün style.css faylını tapın, açın və bir atributu tapın. Məsələn, A {color: green; / * Bağlantı rəngi * /}, burada A bir rəngdir, yaşıl rəngə dəyişirik. Rəng qeyd sistemlərindən hər hansı birini istifadə edərək rəng dəyərini istədiyiniz kimi dəyişə bilərsiniz. Brauzer sizi "başa düşəcək". Stil veb səhifədəki bütün linklərə şamil olunacaq. Digər atributların rənglərini eyni şəkildə dəyişdirə bilərsiniz, məsələn, siçan imleci ilə üzərinə keçdiyiniz zaman bir keçid rəngini.
Bir veb səhifədə fərqli rənglərdə əlaqələr yaratmaq üçün stil cədvəlindəki aşağıdakı yazını istifadə edin:
.menu a {rəng: boz; }
.content a {color: green; }
Nümunədən menyu üçün əlaqələrin boz, məzmun blokundakı əlaqələrin isə yaşıl olacağı ortaya çıxır.
Üslublar ayrı bir sənəddə deyil, html sənədinin özündədirsə, eyni addımlar keçidlərlə edilə bilər. Bunlar kontekstual seçicilərdir.
Üslubları sürətlə redaktə etmək və əlaqələrin rənglərini dəyişdirmək istəyirsinizsə, görsel Dreamwever redaktorunu istifadə etmək daha yaxşıdır. Xatırlamağınız lazım olan əsas şey, əlaqələrin bütün veb səhifəyə nisbətən üzvi görünməsidir. Açıq fon üçün qaranlıq əlaqələr daha yaxşıdır və əksinə.
