Sitede çalışma sürecinde, hem profesyonel web yöneticileri hem de siteyi güncellemekle uğraşan ancak profesyonel olmayan kişiler, web kaynağının stilinde çeşitli değişiklikler yaparlar. Örneğin, sitedeki bağlantıların rengini bir nedenden dolayı değiştirmeniz gerekebilir.
Bu durumda, bağlantıların renginin CSS (Basamaklı Stil Sayfaları) - basamaklı stil sayfaları kullanılarak değiştirildiğini bilmeniz gerekir. Bunlar, bir web kaynağı oluşturmak için bir programlama dili ile birlikte kullanılan tablolardır. CSS, sitenin yapısından, yani stilinden, görünümünden ve html'den - kaynağın içeriğinden sorumludur. CSS, HTML'nin evriminin bir devamıdır.
Sitedeki bağlantı rengi
Böylece hem sitenin tamamı için hem de her bir bağlantı için ayrı ayrı bağlantıların rengini değiştirebilirsiniz. Bağlantı renkleri, ana etiketin bir özelliği olarak ayarlanır. Öznitelik, bazıları zaten varsayılan olarak ayarlandığından, koda yazmanız gerekmeyen bir şeydir. Bağlantı özelliği, site sayfasındaki bağlantıların rengini belirler. Varsayılan mavidir. Alink, aktif bağlantıların rengini belirleyen bir özelliktir, varsayılan olarak kırmızıdır. Vlink - ziyaret edilen bağlantılar, genel olarak kabul edilen renkleri mordur.
Çoğu zaman, web sayfalarındaki bağlantıların rengi onaltılı gösterimde (#EEEEEE - gri) veya rgb biçiminde (# 808080 - gri) ayarlanır, ancak geleneksel İngilizce renk gösterimini de (gri - gri) kullanabilirsiniz. Ayrıca renk derece olarak ayarlanabilir, HSL formatı bunun için uygundur. Renk kartelalarını internette bulmak kolaydır.
Bağlantıların rengini değiştirin
Sayfadaki tüm bağlantıların rengini değiştirmek için stillerdeki color özniteliğinin rengini değiştirmeniz yeterlidir. Bunu yapmak için style.css dosyasını bulun, açın ve a niteliğini bulun. Örneğin, A {renk: yeşil; / * Bağlantı rengi * /}, burada A, rengini yeşile çevirdiğimiz bir bağlantıdır. Renk notasyon sistemlerinden herhangi birini kullanarak renk değerini istediğiniz gibi değiştirebilirsiniz. Tarayıcı sizi "anlayacaktır". Stil, web sayfasındaki tüm bağlantılara uygulanacaktır. Diğer özniteliklerin renklerini aynı şekilde değiştirebilirsiniz, örneğin fare imleci ile üzerine geldiğinizde bir bağlantının rengi.
Bir web sayfasında farklı renklerde bağlantılar oluşturmak için stil sayfasında aşağıdaki girişi kullanın:
.menu a {renk: gri; }
.içerik a {renk: yeşil; }
Örnekten, menü bağlantılarının gri olacağı ve içerik bloğundaki bağlantıların yeşil olacağı anlaşılmaktadır.
Stiller ayrı bir dosyada değil, html belgesinin kendisindeyse, aynı adımlar bağlantılarla da yapılabilir. Bunlar bağlamsal seçicilerdir.
Stilleri hızlı bir şekilde düzenlemek ve bağlantıların renklerini değiştirmek istiyorsanız, Dreamwever görsel düzenleyicisini kullanmak daha iyidir. Hatırlanması gereken en önemli şey, bağlantıların tüm web sayfasına göre organik görünmesi gerektiğidir. Açık renkli arka planlar için koyu bağlantılar daha iyidir ve bunun tersi de geçerlidir.
