Web Sayfalarında Köprüler Biçimlendirmek İçin CSS Nasıl Kullanılır

Mayıs Ayı 13, 2024

HTML konusunda bilginiz varsa, bir web sayfasındaki metnin ve köprüleri kontrol edebileceğinizi bilirsiniz. Ancak Basamaklı Stil Sayfaları ile çok daha fazlasını yapabilirsiniz. Köprü bağlantı etiketi gibi bazı etiketler, etiketin farklı durumlarıyla ilişkilendirilmiş sözde sınıflara sahiptir. Örneğin, köprü etiketinin dört durumu vardır; bağlantı, ziyaret, vurgulu ve aktif.

Bir bağlantı kullanılmadığında (seçilmedi), bağlantı sözde sınıf veya durum. ziyaret durum bağlantı kullanıldıktan sonradır. duraksamak durum farenin bağlantının üzerinden geçtiğinde ve aktif bağlantıya tıkladığınızda durumdur. CSS'in büyüsü, bağlantının her durumunun sahte sınıflarla bağımsız olarak kontrol edilmesidir. Böylece her durum için farklı özellikler ayarlayabilirsiniz. CSS'deki köprü bağlantı etiketi ile ilişkili herhangi bir özelliği kullanabilirsiniz.

Aşağıdaki örnekte, bağlantı durumunu kırmızı, ziyaret edilen durumu mor (# 400040), vurgulu ve etkin durumları kırmızı, altı çizili ve italik olarak ayarlayacağız.

Not--Ok

kodun ikinci bir satıra sarıldığını ve gerçekten bir satırda olması gerektiğini belirtir.

Gördüğünüz gibi, mor olarak ayarladığımız ziyaret edilen durum hariç tüm durumlar için color özelliğini kırmızıya ayarladık. Köprünün yalnızca fareyle üzerine gelme ve etkin durumlar için altını çizmesini istediğimiz için, metin süsleme özelliğini diğer iki durum için yok olarak ayarladık. Son olarak, vurgulu ve etkin durumlar için yazı tipi stilini italik olarak ayarladık; Bu sadece basit bir örnek. Stillerinizi istediğiniz kadar basit veya süslü yapabilirsiniz. Bununla birlikte, hatırlanması gereken birkaç şey var.

Web tarayıcıları bunu nasıl ele aldıklarına göre farklılık gösterir. Genellikle, bir özelliği belirli bir değere ayarlarsanız, bundan sonra listelenen herhangi bir durum tarafından devralınır (aktarılır). Yukarıdaki örneğimizde, kodumuzda listelenen ilk durum bağlantı durumuydu ve color özelliğini kırmızı olarak ayarladık. Çoğu zaman, ziyaret edilen eyalet için yaptığımız gibi kodla değiştirmediğimiz sürece bu diğer üç eyalete aktarılır. Ayrıca, metin süslemesini tekrar alt çizgiye ayarlamasaydık, fareyle üzerine gelindiğinde ve etkin durumlardaki metnin altı çizilmezdi çünkü ilk durumda kapattık. Ancak bunu yapmak için tüm tarayıcılara güvenemezsiniz. Bu nedenle, her durum için tüm özellikleri ayrı ayrı ayarlamak en iyisidir.

Süslü bağlantılar tasarlarken, metin boyutunun önemli ölçüde artması gibi durumlar arasında büyük değişiklikler yapmayın. Bu, web tarayıcısının sayfayı yeniden yüklemesine neden olur ve ziyaretçileriniz sizinle çok üzülür.

Bu sözde sınıfların kodunu listelediğiniz sıra, basamaklı sıradan etkilenir. Art arda sıralamayı daha sonraki bir derste tartışacağız. Şimdilik, ihtilafları önlemek için, devletleri yukarıda kullandığımız sıraya göre kodladığınızı unutmayın; bağlantı, ziyaret, vurgulu ve aktif.

Video Talimatları: ders8 HTML DİLİNDE sayfa içi bağlantı oluşturma (Mayıs Ayı 2024).

Web Sayfaları, HTML, etiketin farklı durumlarıyla ilişkili sahte sınıflar, sahte sınıf, köprü, CSS'deki kodlama köprüleri, CSS sahte sınıf, CSS durumları, etiket durumu, süslü bağlantılar üzerinde CSS Nasıl Kullanılır? CSS içeren bir web sayfasında, süslü bağlantılar

Önceki Makale

Sonraki Makale

İlgili Makaleler

bilgisayarlar

Final Fantasy IX Ekran Görüntüleri

Mayıs Ayı 2024

Final Fantasy IX daha karikatür hissine geri döndü ve grafikleri bir üst seviyeye çıkardı. İşte bazı harika ekran görüntüleri! Final Fantasy IX İncelemesini de okuyabilirsiniz. Final...

bilgisayarlar

Veritabanları için phpMyAdmin'e Giriş

Mayıs Ayı 2024

PHP programlarınızda bir veritabanı kullanmaya hazır olduğunuzda, veritabanları oluşturmak ve bunlarla çalışmak için kullanabileceğiniz birkaç seçeneğiniz vardır. Veritabanını ve tablolarını kuracak...