Web sitesi ziyaretçisinin tarayıcısı, sayfa kodunda köprülerin renk tasarımına ilişkin herhangi bir gösterge bulamazsa, varsayılan değerleri kullanır. Bu değerler, pasif bağlantılar için mavi, aktif (üzerinde duran) bağlantılar için kırmızı ve önceden ziyaret edilen bağlantılar için macenta renk tonudur. Bu renk şeması her zaman sayfa tasarımının renk şemasıyla birleştirilmez, bu nedenle genellikle kodda bir bağlantı stili açıklama bloğu bulunur.
Talimatlar
Aşama 1
Bağlantı renklerini üç durumda tanımlayacak tarayıcı için bir dizi talimat oluşturun. Örneğin, şöyle görünebilir: a: link {color: Red;}
a: ziyaret edilen {renk: Sarı;}
a: hover {color: Orange;} Burada her satırın başındaki "a" "seçici" olarak adlandırılır ve tarayıcının kaşlı ayraç içine alınmış stil açıklamasını uygulaması gereken etiketi belirtir. "A" köprü etiketidir. İki nokta üst üste ile ayrılmış seçiciye eklenen kelimeye "sözde sınıf" denir - tarayıcının kaşlı ayraçlar içindeki stilin hangi bağlantı durumuna ait olduğunu belirlemek için kullandığı kelime. bağlantı normal bir bağlantıyla eşleşir, daha önce ziyaret edilmiş bir bağlantıyı ziyaret eder ve imleç üzerine geldiğinde bir bağlantının üzerine gelin. Kıvrımlı parantez içindeki renk parametresine atanan renkler, renk gölgesinin adıyla veya onaltılık koduyla belirtilebilir.
Adım 2
Sayfadaki farklı bağlantı gruplarına farklı renkler atamanız gerekiyorsa, her gruba kendi adını ("sınıf") atayın ve her biri için stillerin ayrı bir tanımını yapın. Örneğin, bir grubu LinksRed ve diğerini LinksGreen olarak adlandırın. Ardından stil açıklaması şöyle görünecektir: a. LinksRed: link {color: Red;}
a. LinksRed: ziyaret edildi {color: Yellow;}
a. LinksRed: vurgulu {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: ziyaret edilen {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Ve her grubun bağlantı etiketlerinde hangi sınıfa ait olduklarını belirtmelisiniz. Örneğin: Kırmızı bağlantı
yeşil bağlantı
Aşama 3
Bu talimatlar CSS'de (Basamaklı Stil Sayfaları) yazılmıştır, bu nedenle onları sayfanın kaynak kodundaki HTML (Köprü Metni İşaretleme Dili) ile yazılmış diğer talimatlardan ayıran bir stil etiketi içine yerleştirilmelidirler:
a. LinksRed: link {color: Red;}
a. LinksRed: ziyaret edildi {color: Yellow;}
a. LinksRed: vurgulu {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: ziyaret edilen {color: DarkGreen;}
a. LinksYeşil: vurgulu {renk: Kireç;}
4. Adım
Hazırlanan bağlantı stili açıklama bloğunu sayfa kaynak kodunun başlık kısmına yerleştirin - ve etiketleriyle sınırlandırılır.
