Bağlantıları CSS ile Özelleştirme - mankenler

Genel olarak, tarayıcılar bağlantıları mavi altı çizili metin olarak görüntüler. İlk olarak, bu varsayılan davranış sayfadaki içerikle etkileşimli bağlantı arasındaki karışıklığı en aza indirir. Bugün, neredeyse her web sitesi stili kendi yollarıyla bağlantı kuruyor. Bazı web siteleri bağlantıların altını çizmez; diğerleri, mavi dışındaki renklerde altını çizmekle birlikte stil bağlantılarını korur; ve bunun gibi.

HTML bağlantı elemanı ( a ) bağlantı oluşturmak için kullanılır. Açılış ve kapanış bağlantı etiketinin arasındaki metin, bağlantı açıklamasıdır ve href özniteliğinde ayarlanan URL, bağlantı tıklandığında tarayıcının ziyaret ettiği adrestir.

Bağlantı etiketi zaman içerisinde gelişti ve bugün dört durum var:

• link : Bir kullanıcının
• tıklamadığını veya ziyaret etmediğini ziyaret etti: A
• fareyle tıklatan veya ziyaret ettiği bağlantı:
• etkin tıklanmadan kullanıcının fare imleci üzerinde tuttuğu bir bağlantı: Kullanıcının tıklamaya başladığı ancak henüz serbest bırakmadığı bir bağlantı fare düğmesi

CSS, bu özelliklerin ve değerlerin kullanıldığı bu dört durumun her birinde stil oluşturabilir.

Bağlantıları şekillendirmek için ortak CSS özellikleri ve değerleri

Özellik Adı	Olası Değerler	Açıklama
renk	ad altılı kod rgb değeri	Bağlantı renkleri ( renk: # 0000FF; ) veya RGB değeri ( renk: rgb (0, 0, 255); >). text-decoration none
altçizgi	Bir alt çizgiye sahip (veya değil) bağlantıyı ayarlar. Aşağıdaki örnek stilleri, varsayılan olarak mavi renkte, fareyle üzerine gelindiğinde altı çizili ve aktif olduğunda turuncu renkte olan Vikipedi'de makalelerde şekillendirilene benzer şekilde bağlar. Aşağıda gösterildiği gibi, Amerika Birleşik Devletleri Baş Teknoloji Görevlisine ilk bağlantı, farenin üzerinde gezinip durduğu şekliyle altı çizilmiştir. Ayrıca, Google bağlantısı, etkinse ve fareyle tıklanıyormuş gibi turuncu renkte görünüyor. a: bağlantı {	renk: rgb (6, 69, 173);

metin süsleme: yok;

}

a: ziyaret {

renk: rgb (11, 0, 128)

}

a: fareyle üzerine gelin {

metin süsleme: alt çizgi

}

a: aktif {

rengi: rgb (250, 167, 0)

}

Wikipedia. org sayfası gösterilen bağlantı, ziyaret, fareyle üzerine gelme ve etkin durumlar.

a

seçicisinin ve bağlantı durumunun arasındaki iki nokta işaretini eklemeyi unutmayın.

Bu kitabın kapsamının ötesinde neden açıklarken, CSS özellikleri, çeşitli bağlantı durumlarını burada gösterilen sırayla tanımladığınızda ısrarcıyor - link, ziyaret, vurgulama ve daha sonra aktif.Bununla birlikte, bu düzen muhafaza edildiği sürece bir bağlantı hali tanımlamak kabul edilebilir. Çeşitli bağlantı halleri, sahte sınıf seçiciler

olarak bilinir. Sahte sınıf seçiciler, CSS seçicilerine bir anahtar kelime ekler ve seçilen öğenin özel bir durumuna stil vermenizi sağlar.