Basamaklı Stil Sayfaları (CSS) özniteliği, en yaygın olarak web sayfalarındaki köprülerin rengini değiştirmek için kullanılır. Bu soruna daha az işlevsel çözümler HTML dilindedir (Köprü Metni İşaretleme Dili - "köprü metni işaretleme dili").
Bu gerekli
Temel HTML ve CSS dilleri bilgisi
Talimatlar
Aşama 1
Köprüler için bir stil bloğu hazırlayın. En basit haliyle, şöyle görünebilir: a {color: Green} Burada "a", "seçici" olarak adlandırılır; bu, parantez içindeki stil açıklamasının belgedeki tüm bağlantı etiketlerine uygulanması gerektiğini belirtir. Yeşil, bağlantının rengini tanımlar; bu çok kaba bir renk tanımıdır ve nadiren kullanılır. Çok daha sık olarak, "a" seçicisine bir "sözde sınıf" eklenir - bu, bağlantının stilini üç farklı durumda belirtmenize izin veren bir etikettir.
Adım 2
Bağlantının normal (etkin olmayan) durumunu biçimlendirmek için bağlantı sözde sınıfını kullanın. Örneğin şöyle görünebilir: a: link {color: Green}
Aşama 3
Bağlantının üzerine gelindiğinde nasıl görüneceğini belirtmek için sözde sınıf vurgusunu kullanın. Örneğin: a: vurgulu {renk: Kireç}
4. Adım
Zaten ziyaret edilmiş bir bağlantının stilini tanımlamak için ziyaret edilen sözde sınıfı kullanın. Örneğin: a: ziyaret edilen {color: DarkGreen}
Adım 5
Üç durumu da tek bir stil açıklama bloğunda birleştirin. Stillerin CSS açıklamalarını içeren HTML kodunun görünümü, örneğin şöyle görünebilir:
a: bağlantı {renk: Yeşil}
a: ziyaret edilen {color: DarkGreen}
a: üzerine gelin {renk: Kireç}
Burada, açılış ve kapanış HTML stil etiketleri, tarayıcıya stil açıklamalarının nerede başlayıp nerede bittiğini söyler ve bunlar arasında üç durumda bağlantı davranışının bir açıklaması bulunur.
6. Adım
Yukarıda kullanılan örnek yalnızca renk özelliklerini gösterir, ancak açıklamaya diğer nitelikler dahil edilebilir. Örneğin, sayfa tasarımı, bağlantının normal (etkin değil) durumunda altının çizilmemesini, ancak imleç üzerine gelindiğinde altının çizilmesini gerektiriyorsa, kod aşağıdaki gibi değiştirilebilir:
a: bağlantı {renk: Yeşil; metin dekorasyonu: yok;}
a: ziyaret edilen {renk: DarkGreen; metin dekorasyonu: yok;}
a: üzerine gelin {renk: Kireç; metin dekorasyonu: altı çizili;}
7. Adım
Sayfadaki yalnızca bazı bağlantıların rengini değiştirmek ve geri kalanını varsayılan ayarlarla bırakmak istiyorsanız, değiştirilmekte olan her bağlantının etiketine class niteliğini ekleyin. Örneğin, bu köprü sınıfına newLinks adını verin. O zaman link etiketi şöyle görünebilir: text link Stil tanımına aynı sınıf adı eklenmelidir:
a.newLinks: link {color: Green; metin dekorasyonu: yok;}
a.newLinks: ziyaret edildi {color: DarkGreen; metin dekorasyonu: yok;}
a.newLinks: üzerine gelin {renk: Kireç; metin dekorasyonu: altı çizili;}
8. Adım
Yukarıda açıklanan örneklerden hazırlanan stil açıklama kodunu sayfanın başlığına - ve etiketleri arasına yerleştirin. Gerekirse, stil açıklamalarında kullanılan adla bağlantı etiketlerine bir sınıf niteliği ekleyin. Ardından değiştirilen sayfayı kaydedin ve köprülerin rengini değiştirme prosedürü tamamlanacaktır.
