Köprü metni biçimlendirme dili HTML'nin icadından bu yana, web belgelerinin yerleşimi ve yerleşimi kavramları önemli ölçüde değişti. Popüler tarayıcıların CSS ve CSS2 basamaklı stil sayfası standartları için neredeyse tam desteğiyle, bir belgenin görsel sunumunun hemen hemen her yönünü etkilemek mümkün hale geldi. Örneğin, bir bağlantının arka planını renkli, bazı resimlerle doldurulmuş ve ayrıca kullanıcının eylemlerine bağlı olarak değiştirebilirsiniz.
Gerekli
- - belgenin metnini veya belge stil sayfalarının metnini düzenleme yeteneği;
- - belgeyi orijinal kodlamada kaydetmenize izin veren bir metin düzenleyici.
Talimatlar
Aşama 1
A öğesine satır içi stil bilgisi ekleyerek bağlantının arka planını rastgele bir renkle düzgün bir şekilde doldurun. Arka planını değiştirmek istediğiniz bağlantıya karşılık gelen A öğesinin niteliklerine stil ekleyin. style niteliğinin içeriğine, arka plan rengi için doğru tanımlayıcı olan verilen değere sahip arka plan rengi CSS özelliğini yerleştirin. Örneğin, şöyle görünebilir:
bağlantı metni
Adım 2
Belgenizdeki harici veya katıştırılmış bir stil sayfasında bağlantının arka planını tanımlayın. Uygun stil sayfasında, kabul edilebilir bir özgüllük düzeyi seçicisi tarafından ele alınan bir dizi kural ekleyin. Kural kümesinde, önceki adımda olduğu gibi arka plan rengi özelliğini girin. CSS2 basamaklandırma kurallarına ve istenen kapsama göre seçicinin özgüllüğünü seçin. Bu nedenle, yalnızca bir bağlantının rengini ayarlamanız gerekiyorsa, bir kimlik seçici kullanmak mantıklıdır, bu tür birkaç bağlantı varsa, sınıf değerine dayalı bir öznitelik seçici kullanmak daha iyidir.
Örneğin, bir belgedeki belirli bir bağlantı için yeşil bir arka plan ayarlamak için stil sayfasına bir dizi kural ekleyebilirsiniz:
# ID_YEŞİL
{
arka plan rengi: # 00FF00;
}
Ayrıca, ID_GREEN için istenen bağlantıya karşılık gelen A öğesinin ID özniteliğini de ayarlamalısınız:
bağlantı metni
Aşama 3
Bağlantının arka planını bir resimle doldurun. Birinci ve ikinci adımlarda açıklanan yöntemleri izleyin, ancak arka plan rengi CSS özelliği yerine arka plan görüntüsü kullanın. Örneğin:
bağlantı metni
Gerekirse, arka plan görüntüsünü yatay ve dikey olarak çoğaltma seçeneklerini tanımlamak için CSS kuralları kümesine bir arka plan tekrarı özelliği ekleyin.
4. Adım
Fareyle üzerine geldiğinizde veya odak hareket ettiğinde bağlantının arka planını değiştirin. Farklı durumlarda bir bağlantının veya bağlantı grubunun arka planını tanımlayan harici veya gömülü belge stil sayfasına kural kümeleri ekleyin. Kimlik ve öznitelik seçicilerini dinamik sözde sınıflarla birlikte kullanın: vurgulu,: etkin ve: odak. Örneğin, ID_DYNAMIC_BACKGROUND ID öznitelik değerine sahip bir bağlantının arka planının aktif olmayan durumda kırmızı ve fare imlecinin altında olduğu durumda yeşil olması için, aşağıdaki kural kümelerinin stil sayfasına eklenmesi gerekir:
# ID_DYNAMIC_BACKGROUND
{
arka plan rengi: # FF0000;
}
# ID_DYNAMIC_BACKGROUND: üzerine gelin
{
arka plan rengi: # 00FF00;
}
Dinamik olarak değişen bir görüntüye sahip bir arka plan oluşturmak için de aynısını yapabilirsiniz.
